Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS CSS Foundations Advanced Selectors UI Element States Pseudo-Classes

Gavin Broekema
seal-mask
.a{fill-rule:evenodd;}techdegree
Gavin Broekema
Full Stack JavaScript Techdegree Student 22,443 Points
Posted by Gavin Broekema
.a{fill-rule:evenodd;}techdegree
Gavin Broekema
Full Stack JavaScript Techdegree Student 22,443 Points

:enabled :disabled vs. :active :focus :hover

Can someone elaborate a bit on what the difference between the enabled/disabled psuedo-classes do differently than the active, focus and hover classes? What do each of the pseudo-classes do differently than the next and why would you use one over the other? I'm just having trouble sorting the differences of each.

1 Answer

Alex Watts
Alex Watts
8,396 Points
Alex Watts
Alex Watts
8,396 Points

Hello Gavin,

Any element that can or can't be activated by either a mouse click or hover is either enabled or disabled. Take a look at the Mozilla Develop Network to get a greater understanding of this topic https://developer.mozilla.org/en-US/docs/Web/CSS/:disabled

Hope this helps! Good luck :)