Quais os seletores CSS mais caros para o navegador?

Os seletores mais caros para o navegador são aqueles com alta especificidade e estrutura complexa, especialmente:

• Seletores de descendentes (por exemplo, div ul li a), que fazem o navegador percorrer profundamente a árvore DOM.
• Seletores universais (*), que se aplicam a todos os elementos.
• Seletores de atributos com correspondência parcial (por exemplo, [class*="button"]), pois requerem verificar cada elemento.

Para otimizar, recomenda-se usar classes e IDs, pois os seletores por ID (#id) são os mais rápidos, e também evitar seletores excessivamente aninhados.