¿Que significa "Cascade" en Cascading Style Sheets?

As follas de estilo en cascada ou CSS están configuradas para que poida ter moitas propiedades que afectan o mesmo elemento. Algunhas destas propiedades poden entrar en conflito entre elas. Por exemplo, pode establecer unha cor de letra de vermello na etiqueta de parágrafo e despois, despois, establecer unha cor de letra de azul. Como sabe o navegador a cor para facer os parágrafos? Isto é decidido pola fervenza.

Tipos de follas de estilo

Hai tres tipos diferentes de follas de estilo:

1. Follas de estilos de autor
   1. Estas son follas de estilo creadas polo autor da páxina web. Son o que a maioría da xente pensa cando pensan nas follas de estilo CSS.
2. Follas de estilo de usuario
   1. As follas de estilo de usuario están definidas polo usuario da páxina web. Estes permiten ao usuario ter máis control sobre como se amosan as páxinas.
3. Follas de estilo do axente de usuario
   1. Estes son estilos que o navegador web aplica á páxina para axudar a amosar esa páxina. Por exemplo, en XHTML, a maioría dos axentes visuais mostran a etiqueta como texto en cursiva. Isto defínese na folla de estilo do axente de usuario.

As propiedades definidas en cada unha das follas de estilo anteriores teñen un peso. Por defecto, a folla de estilo do autor ten máis peso, seguido da folla de estilo do usuario e, finalmente, da folla de estilo do axente de usuario. ¡A única excepción a esta é a regra importante nunha folla de estilo de usuario. Isto ten máis peso que a folla de estilo do autor.

Encargos en cascada

Para resolver conflitos, os navegadores web usan o seguinte orde de clasificación para determinar que estilo ten precedencia e que se usará:

1. Primeiro, busque todas as declaracións que se apliquen ao elemento en cuestión e para o tipo de medio asignado.
2. A continuación, mire para que folla de estilo vén. Como arriba, as follas de estilo de autor veñen primeiro, despois o usuario, entón axente de usuario. Con. Estilos de usuario importantes con maior prioridade que o autor. Estilos importantes.
3. O selector máis específico é, máis prevalencia obterá. Por exemplo, un estilo en "div.cop" terá unha maior prevalencia que un só na etiqueta "p".
4. Finalmente, ordena as regras mediante a orde en que foron definidas. As regras que se definen máis tarde na árbore de documentos teñen maior prioridade que as definidas anteriormente. E as regras dunha folla de estilo importada son consideradas antes das regras directamente na folla de estilo.