Saltar la navegación

2.- Selectores.

Caso práctico

Después de unos días estudiando CSS, Carlos ya tiene claro la estructura de las reglas de estilo que componen los archivos CSS.

Carlos también se da cuenta que una parte muy importante de estas reglas son los selectores y, como está empezando, decide pedir ayuda a Juan, que ya lleva más de cuatro años desarrollando aplicaciones web.

Juan le explicará cómo debe utilizar los selectores para aprovechar todo el potencial que tienen y, entre los dos, completarán el manual de CSS para poder consultarlo en cualquier momento que lo necesiten mientras realizan la aplicación web.

Ilustración de Juan, Técnico Superior en Desarrollo de Aplicaciones Informáticas y necesita actualizarse

El selector es la parte de la regla de estilo que identifica el elemento concreto al que se aplicarán las instrucciones de presentación. CSS ofrece varios tipos de selectores que permiten mejorar la flexibilidad y la eficiencia en la creación de hojas de estilo.

Debes conocer

Debes tener muy claro cuál es la sintaxis de las reglas de estilo CSS: selector { regla1: valor; regla2: valor; ...}

En el siguiente enlace puedes encontrar una explicación interesante de cuál es la sintaxis de las reglas de estilo que complementará lo que ya viste anteriormente.

Reglas sintácticas de los estilos CSS.

Recomendación

En los siguientes puntos veremos los selectores más utilizados pero puedes consultar la web de la W3C donde encontrarás un resumen de los patrones de selectores CSS existentes.

Patrones de selectores CSS