Loading...

Introducción a CSS Capítulo 2. Selectores


Introducción a CSS
Capítulo 2. Selectores
Para crear diseños Web profesionales, es imprescindible conocer y
dominar los selectores de CSS. Como se vio en el capítulo anterior,
una regla de CSS está formada por una parte llamada "selector" y
otra parte llamada "declaración".
La declaración indica "qué hay que hacer" y el selector indica "a
quién hay que hacérselo". Por lo tanto, los selectores son
imprescindibles para aplicar de forma correcta los estilos CSS en una
página.
A un mismo elemento HTML se le pueden asignar infinitas reglas CSS
y cada regla CSS puede aplicarse a un número infinito de elementos.
En otras palabras, una misma regla puede aplicarse sobre varios
selectores y un mismo selector se puede utilizar en varias reglas.
El estándar de CSS 2.1 incluye una docena de tipos diferentes de selectores,
que permiten seleccionar de forma muy precisa elementos individuales
o conjuntos de elementos dentro de una página Web.
No obstante, la mayoría de páginas de los sitios Web se pueden diseñar
utilizando solamente los cinco selectores básicos.
2.1. Selectores básicos
2.1.1. Selector universal
Se utiliza para seleccionar todos los elementos de la página. El siguiente
ejemplo elimina el margen y el relleno de todos los elementos HTML
(por ahora no es importante fijarse en la parte de la declaración de la
regla CSS): * { margin: 0; padding: 0; }
El selector universal se indica mediante un asterisco (*). A pesar de su
sencillez, no se utiliza habitualmente, ya que es difícil que un mismo
estilo se pueda aplicar a todos los elementos de una página.
No obstante, sí que se suele combinar con otros selectores y además,
forma parte de algunos hacks muy utilizados (como se verá más adelante).
Fuente: Introducción a CSS
Javier Eguíluz Pérez