A la hora de aplicar estilos a nuestros elementos HTML necesitamos un mecanismo que permita identificar sobre cuál o cuáles de estos elementos queremos actuar. Para ello se utilizan los selectores, estos permiten identificar a qué elementos de nuestro código HTML vamos a aplicar el estilo definido. Existe diferentes selectores, a continuación veremos los más importantes.
Selector universal (*)
Sirve para seleccionar todos los elementos de la página.
* {margin:10px; padding: 5px};Selectores de etiqueta
En este caso los estilos se aplican solo a la etiqueta.
p { text-align: center}En este ejemplo, los párrafos serán alineados al centro.
Si queremos ajustar los mismos estilos a dos etiquetas diferentes podemos ponerlos separados por comas.
P, h1, h2 { text-align: center}