Três recursos principais em CSS

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

 
/* 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;
}



Eu sou verde

Os itens acima são os três principais recursos do CSS. Espero que sejam úteis para todos.