• in
InterCourses
CoursesBlogs
0
← CSS
○What is CSS?○CSS Selectors○How to Apply CSS○CSS Specificity
○Colors○Backgrounds○Typography
○The Box Model○Display○Positioning
○Advanced Selectors●Pseudo-Classes
○Dropdown Structure○Dropdown Behavior
○Form Structure○Form Styling
○Flexbox Basics○Flexbox Alignment○Flexbox Items○Flexbox Layouts
○CSS Grid
○Website Structure○Grid and Responsive
○CSS Variables○Transitions
○Transition Effects○Keyframe Animation
○Responsive Design
○Table Structure○Responsive Table Styling
○Resume Structure○Resume Polish

Pseudo-Classes

Pseudo-classes style elements in specific states.

Your Task

  1. Add .btn:hover { background-color: #1d4ed8; }.
  2. Add li:first-child { font-weight: bold; }.
  3. Add input:focus { outline: 2px solid #22c55e; }.
Hint 1
1 / 2
HINT 1

:hover applies when pointer is over an element.

Loading editor…
READY
intercourses
html