While you may be familiar with the CSS pseudo-classes for styling links, did you know there's a new pseudo-class for this as well? In this video, learn all of the link styling pseudo-classes and their correct order in your stylesheet.

- [Instructor] Pseudo classes are … defined as the selector type that is … responsible for describing a state change … of a given item on a page. … They have equal specificity to a class … so higher than an HTML element alone, … but lower than an ID. … As with any parts of CSS, … pseudo classes can stand alone … or they can be combined into a more complex selector. … For example you're probably already … familiar with LVHA, … the pseudo classes that are used for styling links. … You've probably seen all of these before. … Link, visited, hover, and active, … and you can remember them by remembering … the phrase, live happy, … and that is going to help you remember … exactly what order these pseudo classes need to go in … in order for the cascade to work correctly. … The link state is the unvisited links, … visited is after they've been visited, … hover is when you roll your mouse over the link like that, … and active is that moment after you click the link … before the next page loads. …

Resume Transcript Auto-Scroll

Author

Released

5/2/2019

Discover how to effectively leverage the power of selectors to select the elements you want to style without adding classes, changing HTML, or getting overly specific with your selectors. In this course, instructor Jen Kramer demonstrates how to pinpoint specific parts (and groups of parts) in an HTML document using the powerful declarative syntax of CSS selectors. Jen covers combinator selectors, attribute selectors, pseudo-class and pseudo-element selectors, and the universal selector. She also offers tips for determining which selectors might not be supported by your browser choices and shares best practices for mixing selectors in your document. And because this is an easily-tested syntax, Jen includes questions at the end of most videos to reinforce your understanding of each concept.