Introducción a los Selectores CSS

Ya hablamos brevemente de los selectores en el capítulo sobre la anatomía del CSS, pero como descubrirás pronto, los selectores vienen en muchos sabores diferentes y en varias combinaciones. Los selectores pueden ser muy potentes y la mayor parte del estilizado no sería posible sin ellos.

Como ya mencioné, un selector encapsula una o varias propiedades, las cuales rigen el comportamiento y la apariencia de un cierto elemento. La parte divertida de los selectores es que te permiten apuntarle a un elemento de maneras diferentes, en estados diferentes, dentro de varias jerarquías e incluso apuntar a varios elementos a la vez.

Nombrando tus selectores

Básicamente, el nombre de un selector debe comenzar con un guión bajo (_), un guión medio (-), o una letra (a-z) seguido de cualquier cantidad de guiones (bajos o medios), letras o números. Al poner nombre a tus selectores, hay algunos caracteres que no puedes usar, usualmente porque ya tienen un significado especial - estos serán cubiertos más adelante en este tutorial.

En resumen

Un selector es un nombre y una o varias propiedades. En los siguientes capítulos te mostraré todas las formas en las que puedes usar un selector y para demostrarlo usaré varias propiedades CSS. Puede que no conozcas algunas de ellas todavía, o incluso ninguna en absoluto, pero no te preocupes, todas serán explicadas luego. Las incluyo ahora porque un selector vacío no te daría una buena idea de cómo trabaja CSS, pero siéntete libre de saltar por el tutorial a tu antojo si quieres saber más sobre ellas.