* |
Selector universal: cualquier elemento |
* {color: #000000;} |
Aplicable a todos los elementos. |
e |
Selector de tipo de elemento: selecciona cualquier elemento <e> |
e {font-family: sans-serif;} |
<e> ... </e> |
e f |
Selector contextual: selecciona cualquier elemento <f> que esté contenido en un elemento <e> |
h1 em {color: blue;} |
<e>...<f>....</f>...</e> |
e > f |
Selector de elementos secundarios: selecciona cualquier elemento <f> que sea descendiente directo de un elemento <e>. |
body > p {line-height: 1.3;} |
<e>...<f>...</f>...</e> |
e + f |
Selector adyacente: selecciona el elemento <f> inmediatamente después de un elemento <e> |
h1 + h2 {margin-top: -5mm;} |
<e>...<f> </f>...</e> |
e.classe |
Selector de clase: selecciona los elementos <e> a los que se aplicó la "clase” |
h1.pastoral {color: green;} |
<e class="classe"... /> |
e#Id |
Selector de ID: selecciona el elemento <e> identificado con Id |
h1#chapter1 {text-align: center;} |
<e id="Id"... /> |
e , f |
Agrupación selectora: selecciona los elementos <e> y <f> de la agrupación. |
h1, h2 {font-family: sans-serif; } |
<e> … </e> … <f> … </f> |