¿Qué selectores CSS son los más costosos para el navegador?

Los selectores más costosos para el navegador son aquellos con alta especificidad y estructura compleja, especialmente:

• Selectores de descendientes (por ejemplo, div ul li a), que hacen que el navegador recorra profundamente el árbol DOM.
• Selectores universales (*), que se aplican a todos los elementos.
• Selectores de atributos con coincidencia parcial (por ejemplo, [class*="button"]), ya que requieren verificar cada elemento.

Para optimizar, se recomienda usar clases y IDs, ya que los selectores por ID (#id) son los más rápidos, y también evitar selectores excesivamente anidados.