Welke CSS-selectors zijn het duurst voor de browser?

De duurste selectors voor de browser zijn die met hoge specificiteit en complexe structuur, vooral:

• Descendant selectors (bijvoorbeeld div ul li a), die de browser dwingen diep door de DOM-boom te gaan.
• Universele selectors (*), die op alle elementen worden toegepast.
• Attribuutselectors met gedeeltelijke overeenstemming (bijvoorbeeld [class*="button"]), omdat ze elke keer moeten controleren.

Voor optimalisatie wordt aanbevolen om klassen en ID's te gebruiken, omdat ID-selectors (#id) het snelst zijn, en het vermijden van te geneste selectors.