Element Selector: The element selector selects all elements with the specified element name.

Group Selector: The CSS grouping selector is used to select multiple elements and style them together.

Descendant Selector: The descendant selector matches all elements that are descendants of a specified element.

Class Selector: Class selector selects elements with a specific class attribute.

Dependent Selector: A dependent class allows you to specify the styles a class should have if the class is applied to a particular HTML tag.

ID Selector: The id selector uses the id attribute of an HTML element to select a specific element.

Universal Selector: CSS universal selectors select any type of elements in an HTML page.

Pseudo Selectors: Select elements based on a certain state

Pseudo Elements: Select and style a part of an element


List the selectors in order of Specificity from lowest specificity to highest specificity.

Start at 0, add 1000 for style attribute, add 100 for each ID, add 10 for each attribute, class or pseudo-class, add 1 for each element name or pseudo-element.

The specificity of A is 1 (one element)

The specificity of B is 101 (one ID reference and one element)

The specificity of C is 1000 (inline styling)

Since 1 < 101 < 1000, the third rule (C) has a greater level of specificity, and therefore will be applied.