208
7. SELECTORES AVANZADOS
La magia de los selectores Generalmente nos preocupamos por conocer en detalle todas y cada una de las propiedades de CSS y creemos que así tendremos un dominio absoluto del lenguaje. Si bien es verdad que es muy importante conocer las distintas propiedades de CSS y las posibilidades que brindan, la sabiduría real se encuentra en tener un profundo conocimiento de los selectores, ya que esto nos permitirá crear archivos de estilo mejor estructurados, optimizar la cantidad de líneas de código de nuestras hojas de estilo y mantener nuestros archivos HTML más limpios. Entonces, ¿queda claro que saber CSS no implica conocer las propiedades de memoria, sino dominar los selectores? Comencemos por revisar los selectores que ya conocemos.
Selectores básicos Así llamamos al grupo de selectores de uso más frecuente. No hay un selector más importante que otro, sino que cada uno de ellos posee una función completamente distinta y nos será más o menos útil dependiendo del proyecto que debamos llevar a cabo.
Selector universal Se utiliza para seleccionar todos los elementos del documento y aplicar las propiedades que necesitemos. Veamos un ejemplo:
*{ Color:red; }
En este caso, se aplicará color de texto rojo a todos los elementos del documento HTML. El selector universal generalmente se utiliza para resetear los márgenes y los rellenos de las etiquetas, que suelen ser distintos para cada navegador. Comúnmente, agregaremos al inicio de nuestros archivos de estilo la siguiente regla de estilo:
www.redusers.com