May 2019
Intermediate to advanced
184 pages
2h 45m
English
When more than one rule applies to the same element and they specify the same property, there is a priority scheme that determines which rule is given precedence. In short, CSS gives priority to the rule that has the most specific selector.
Selector Specificity
There are some basic rules for calculating specificity. The lowest specificity with the weight of 0 is given by the universal selector (*), which matches all elements in the document.
* { color: red; } /* 0 */
Type selectors and pseudo-elements
have the weight of 1, so a selector containing two type selectors and a pseudo-element has a ...
