English | >> Português << | По-русскиZVON > Tutorials > CSS tutorial
>> Exemplo 10 << | Anterior | Próximo | Conteúdos

Descrição

Se o nome da classe não é precedida pelo nome do elemento, então todos os elementos relevantes são alterados. A definição de uma classe com o nome do elemento tem precedência sobre outro que não o tenha.

>> Case 1 <<
Documento HTMLfolha de estilos CSS

<div> div: 000 </div>
<div class = "aaa"> div: aaa </div>
<div class = "bbb"> div: bbb </div>
<div class = "ccc"> div: ccc </div>
<p> p: 000 </p>
<p class = "aaa"> p: aaa </p>
<p class = "bbb"> p: bbb </p>
<p class = "ccc"> p: ccc </p>
body {background-color: white;  color: black}

.aaa {color: red}

p.aaa {color: green}
div.ccc {color: navy; background-color: aqua}

.bbb {background-color: maroon; color:yellow}
.ccc {color:blue}

Resultado do Navegador