Optimization of CSS selectors (efficiency)

1. ID selector (#myid)
2. Class selector (. myclassname)
3. Tag Selector (div,h1,p)
4. Adjacent selector (h1+p)
5. Sub-selector (ul > li)
6. Descendant selector (Li a)
7. Wildcard selector (*)
8. Property selector (a[rel= "external"])
9. Pseudo-Class selector (A:hover,li:nth-child)

Efficiency from high to low.

The browser reads selectors in the order from right to left ...

Ways to write high-efficiency options:

1. Avoiding Universal Rules
2. Do not tag names or class names before the ID selector
3. Do not spike signatures before the class name selector
4. Use a specific category whenever possible
5. Avoid using descendant selectors
6. A sub-selector should not be included in a label classification rule
7. Problems with child selectors
8. With related inheritance relationships
9. Use the style sheet in the range

Optimization of CSS selectors (efficiency)