Difference between pseudo class, pseudo selector, and pseudo element in CSS
What is the difference between a Pseudo-class and a pseudo-element in CSS?
What do the following mean in CSS?
- Pseudo class
- Pseudo selectors
- Pseudo element
What is the usefulness of each?
Pseudo-classes are used to select elements according to information that you can't otherwise express using attributes, IDs or classes (or any other info available through the DOM). For example,
Pseudo-elements are mock elements that you can apply styles to selectively as part of other actual elements, but aren't themselves members of the DOM. For example, content fragments such as
::first-letter, or generated content such as
"Pseudo-selectors" is an umbrella term used to cover both kinds of selectors (or really any selector that begins with at least one
:), but it is itself meaningless, because in Selectors, pseudo-classes and pseudo-elements are two fundamentally different things.
This post first appeared on CSS3 Recipes - The Solution To All Your Style Problems, please read the originial post: here