1. Empilhabilidade Se houver conflito de estilo, siga a ordem de escrita do CSS e o estilo final prevalecerá.
2. Herança, a tag filha herdará alguns estilos da tag pai.
Como tamanho da fonte, cor do texto e outros atributos de texto.
3. Prioridade Quando duas ou mais regras são aplicadas a um elemento ao mesmo tempo, o peso precisa ser considerado.
Exemplo
<estilo>
/* O peso de ul e li 0,0,0,1 + 0,0,0,1 = 0,0,0,2 */
Ulli {
cor: verde;
}
/* O peso de li é 0,0,0,1 */
eu {
cor: azul;
}
/* O peso de .nav e li 0,0,1,0 + 0,0,0,1 = 0,0,1,1 */
.nav li {
cor: rosa;
}
</estilo>
<corpo>
<ul>
<li>Eu sou verde</li>
</ul>
</body>Os itens acima são os três principais recursos do CSS. Espero que sejam úteis para todos.