CSS Selector Performance differences

(1) The selector is a rule match from right to left.

(2) The execution efficiency of the selector is sorted from high to Low:

ID selector; class selector; tag Selector;

Adjacent selector +; Sub-selector >; descendant selector;

Wildcard selector *; property selector []; pseudo-class selector :;

(3) How to improve selector performance:

1) Avoid using a wildcard selector;

2) Avoid using the tag or class selector to limit the ID selector;

3) Avoid using tags to restrict class selectors;

4) Avoid using multi-layer tag selectors. Replace with class selector, reduce CSS search;

5) Avoid using sub-selectors;

6) use of inheritance;

CSS Selector Performance differences