Soijdsd

Seletores Padrão | Significado | Exemplo CSS | Exemplo (X)HTML | * | 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> | e [atrib] | Seletor de Atributo: seleciona o elemento <e> que contenha o atributo indicado | h1[title] { color: blue;
} | <e atrib="valor" ... /> | e [atrib="valor"] | Seletor de Atributo: seleciona o elemento <e> com o mesmo atributo e “valor” | span[class=exemplo] { color: blue;
} | <e class="exemplo" ... /> | e [atrib~="valor"] | Seletor de Atributo: seleciona o elemento <e> em que “valor” de atributo esteja em uma lista de valores separadas por espaços | a[rel~="copyright"]{ color: red;
}? | <a rel="copyright copyleft copyeditor"...> …