Normalmente cuando hablamos de rendimiento, nos acordamos de Javascript, pero olvidamos el CSS. A veces tan sólo comprimimos el documento para que el archivo sea más liviano. Así como en Javascript influye la forma en que escribimos el código afecta al rendimiento, en CSS ocurre lo mismo. Existen algunas prácticas conocidas como por ejemplo incluir los archivos externos el css usando la etiqueta <link> dentro del nuestro <head>, utilizar estilos de internet explorer que puede generar bucles que hacen la página lenta o usar demasiados estilos en el documento ya que aumentaría el tamaño de descarga.
Pero antes de hablados de cómo escribir selectores eficaces voy a recordar los tipos de selectores que hay:
Selectores de ID
#elemento {}
Este selector se refiere a un elemento único de la página, es decir a un elemento con el atributo id=»elemento», en este caso.
Selectores de clase
.elementos {}
Se refiere a todos los elementos que contienen el mismo nombre del selector. Se usa en este caso el atributo class=»elementos».