* |
Seletor universal: qualquer elemento |
* {color: #000000;} |
Aplicável a todos os elementos |
e |
Seletor de tipo de elemento: seleciona qualquer elemento <e> |
e {font-family: sans-serif;} |
<e> ... </e> |
e f |
*Seletor contextual:*seleciona qualquer elemento <f> que estiver contido num elemento <e> |
h1 em {color: blue;} |
<e>...<f>....</f>...</e> |
e > f |
Seletor de elementos-filho: seleciona qualquer elemento <f> descendente direto de um elemento <e> |
body > p {line-height: 1.3;} |
<e>...<f>...</f>...</e> |
e + f |
Seletor adjacente: seleciona o elemento <f> que estiver imediatamente após um elemento <e> |
h1 + h2 {margin-top: -5mm;} |
<e>...<f> </f>...</e> |
e.classe |
Seletor de classe: seleciona o(s) elemento(s) <e> em que se aplicou a "classe" |
h1.pastoral {color: green;} |
<e class="classe"... /> |
e#Id |
Seletor de ID: seleciona o elemento <e> identificado com Id |
h1#chapter1 {text-align: center;} |
<e id="Id"... /> |
e , f |
Agrupamento de seletores: Seleciona os elementos <e> e <f> do agrupamento |
h1, h2 {font-family: sans-serif; } |
<e> … </e> … <f> … </f> |