Ordem em cascata do estilo CSS
Quando múltiplas folhas de estilo são usadas, as folhas de estilo precisam competir pelo controle de seletores específicos. Nestes casos, sempre existem regras de folhas de estilo que ganham controle. As propriedades a seguir determinarão o resultado das folhas de estilo concorrentes.
Conforme mencionado anteriormente, tanto os autores quanto os leitores de páginas da web têm a capacidade de especificar folhas de estilo. Quando as duas regras entram em conflito, as regras do criador da página web substituirão as outras regras de igual peso dos leitores. As folhas de estilo dos criadores e leitores de páginas da web excedem as folhas de estilo integradas do navegador.
Os autores de páginas da Web devem usar regras importantes com cuidado, pois elas substituirão quaisquer regras importantes que o usuário possua. Por exemplo, um usuário pode exigir fontes grandes ou cores específicas devido a restrições visuais, e tal usuário pode declarar certas regras de estilo como importantes, porque esses estilos são extremamente importantes para os usuários lerem páginas da web. Quaisquer regras importantes ! substituirão as regras gerais, por isso é recomendado que os autores de páginas da web usem regras gerais para garantir que usuários com necessidades especiais de estilo possam ler a página da web.
Regras do seletor: os atributos calculados são baseados em seu nível de atributo. As folhas de estilo também podem substituir folhas de estilo conflitantes. Este é apenas um jogo de estatísticas que conta o número especificado de seletores.
Conte o número de atributos de ID no seletor.
Conte o número de atributos CLASS no seletor.
Formato tagname HTML no seletor de estatísticas.
Por fim, escreva os três números na ordem correta, sem espaços ou vírgulas, para obter um número de três dígitos. (Observe que você precisa converter o número em um número maior que termine com três dígitos.) A lista final de números correspondentes ao seletor facilita a determinação de que as propriedades do número mais alto substituem as do número mais baixo. A seguir está uma lista de seletores classificados por características: #id1 {xxx} /* a=1 b=0 c=0 ——> características = 100 */ UL UL LI.red {xxx} /* a=0 b = 1 c=3 ——> Características = 013 */ LI.red {xxx} /* a=0 b=1 c=1 ——> Características = 011 */ LI {xxx} /* a=0 b=0 c =1 ——> Recurso = 001 */A ordem dos recursos é por conveniência. Quando duas regras têm o mesmo peso, a última é usada.
Quando múltiplas folhas de estilo são usadas, as folhas de estilo precisam competir pelo controle de seletores específicos. Nestes casos, sempre existem regras de folhas de estilo que ganham controle. As propriedades a seguir determinarão o resultado das folhas de estilo concorrentes.
Conforme mencionado anteriormente, tanto os autores quanto os leitores de páginas da web têm a capacidade de especificar folhas de estilo. Quando as duas regras entram em conflito, as regras do criador da página web substituirão as outras regras de igual peso dos leitores. As folhas de estilo dos criadores e leitores de páginas da web excedem as folhas de estilo integradas do navegador.
Os autores de páginas da Web devem usar regras importantes com cuidado, pois elas substituirão quaisquer regras importantes que o usuário possua. Por exemplo, um usuário pode exigir fontes grandes ou cores específicas devido a restrições visuais, e tal usuário pode declarar certas regras de estilo como importantes, porque esses estilos são extremamente importantes para os usuários lerem páginas da web. Quaisquer regras importantes ! substituirão as regras gerais, por isso é recomendado que os autores de páginas da web usem regras gerais para garantir que usuários com necessidades especiais de estilo possam ler a página da web.
Regras do seletor: os atributos calculados são baseados em seu nível de atributo. As folhas de estilo também podem substituir folhas de estilo conflitantes. Este é apenas um jogo de estatísticas que conta o número especificado de seletores.
Conte o número de atributos de ID no seletor.
Conte o número de atributos CLASS no seletor.
Formato tagname HTML no seletor de estatísticas.
Por fim, escreva os três números na ordem correta, sem espaços ou vírgulas, para obter um número de três dígitos. (Observe que você precisa converter o número em um número maior que termine com três dígitos.) A lista final de números correspondentes ao seletor facilita a determinação de que as propriedades do número mais alto substituem as do número mais baixo. A seguir está uma lista de seletores classificados por características: #id1 {xxx} /* a=1 b=0 c=0 ——> características = 100 */ UL UL LI.red {xxx} /* a=0 b = 1 c=3 ——> Características = 013 */ LI.red {xxx} /* a=0 b=1 c=1 ——> Características = 011 */ LI {xxx} /* a=0 b=0 c =1 ——> Recurso = 001 */A ordem dos recursos é por conveniência. Quando duas regras têm o mesmo peso, a última é usada.