Um detalhe importante na compreensão e aplicação de Cascading Style Sheets é o aspecto em cascata de seu nome. Ou seja, como ele lida com múltiplas regras para o mesmo elemento? Esta semana apresentarei detalhadamente as características do CSS e darei exemplos.
prioridade
As propriedades CSS têm maior prioridade que as propriedades HTML. Você pode usar atributos HTML em navegadores sem suporte CSS, mas adicionar suporte CSS ao navegador não terá efeito. Ao usar CSS, é importante ter um conhecimento profundo da origem de uma regra CSS.
fonte
Ao considerar a aplicação de regras CSS, geralmente existem dois aspectos. O primeiro é o leitor, que corresponde ao usuário que visualiza a aplicação web através do navegador de sua preferência. O segundo aspecto é o autor, o verdadeiro desenvolvedor web que desenvolveu a aplicação web.
As preferências do leitor são tratadas pelo usuário, ou seja, ele pode desenvolver suas próprias folhas de estilo e depois distribuí-las através das configurações do navegador. Por exemplo, os usuários do navegador de Internet IE 6 podem especificar uma folha de estilo do usuário através do menu Ferramentas | Opções da Internet | Os desenvolvedores web desenvolvem seu próprio CSS para especificar regras e aplicá-las em páginas web. Ao mesmo tempo, os navegadores geralmente possuem regras integradas.
cascata
O aspecto em cascata na sigla CSS refere-se ao processo de fusão e substituição de regras entre diferentes fontes. Quando múltiplas folhas de estilo são usadas simultaneamente, os seletores definidos por cada folha de estilo competem entre si pelo controle. A lista a seguir especifica a ordem na qual os conflitos entre os seletores de folhas de estilo são resolvidos, sendo o primeiro item o mais importante.
Importância: O seletor é designado como importante?
Fonte da regra: onde as regras são definidas?
Propriedades: quais são as propriedades da regra?
Sequência: O que é definido por último?