Existem três tipos de CSS:
1.
Folha de estilo do agente do usuário: Estes são os estilos padrão aplicados pelo navegador do usuário. Eles geralmente são muito básicos e fornecem uma renderização consistente de conteúdo em diferentes navegadores.
2.
Folha de estilo do autor: Estes são os estilos definidos pelo autor do site. Eles geralmente estão localizados em um arquivo CSS vinculado ao documento HTML. As folhas de estilo do autor substituem as folhas de estilo do agente do usuário.
3.
Estilos embutidos: Esses são estilos aplicados diretamente a um elemento HTML. Eles geralmente são usados para substituir as folhas de estilo do autor para elementos específicos. Os estilos embutidos têm a precedência mais alta e substituirão as folhas de estilo do agente do usuário e as folhas de estilo do autor.
A ordem em cascata do CSS é determinada pelas seguintes regras:
1.
Especificidade: Quanto mais específico for um seletor, maior será sua precedência. Por exemplo, um seletor que tenha como alvo um elemento específico por seu ID terá precedência mais alta do que um seletor que tenha como alvo todos os elementos do mesmo tipo.
2.
Posição no documento CSS: A ordem em que as regras aparecem no documento CSS também afeta a sua precedência. As regras que aparecem posteriormente no documento substituirão as regras que aparecem anteriormente.
3.
Importância: A declaração `!important` pode ser usada para dar a uma regra uma precedência mais alta do que outras regras. As regras marcadas como importantes sempre substituirão as que não o são.
Ao compreender os tipos de CSS e como a ordem em cascata é determinada, você pode criar folhas de estilo de site que sejam consistentes e visualmente atraentes.
