Como substituir !importante?

Enquanto estiliza os sites, os desenvolvedores podem aplicar várias declarações de CSS a um ou vários elementos. Nesse cenário, o navegador determina qual declaração é a mais importante para um elemento. Geralmente, o uso de “!importante”É evitado, pois interfere na cascata usual da folha de estilo e complica a solução de problemas. No entanto, pode ser utilizado e substituído quando necessário. Quando duas declarações ao longo de um !Regra importante conflito com o mesmo elemento, a declaração com o mais alto nível de especificidade é usada.

Este tutorial examinará:

• O que é substituir !importante?
• Método 1: Como substituir !importante no HTML?
• Método 2: Como substituir !importante no CSS?

O que é substituir !importante?

É um CSS “!importante”Regra que é utilizada para enfatizar uma propriedade ou seu valor relevante mais do que o normal. Esta regra substitui todas as regras de estilo anterior para essa propriedade específica nesse elemento quando aplicado.

Como substituir !importante no HTML?

Para usar a substituição !propriedade importante, observe as instruções fornecidas.

Etapa 1: faça um contêiner div

Inicialmente, crie um contêiner de div com a ajuda de “”. Em seguida, insira um atributo de classe e defina um nome específico de acordo com suas preferências.

Etapa 2: Crie uma div aninhada

Em seguida, crie uma div ou criança aninhada entre o primeiro “" marcação. Então:

• Adicione o "eu ia" e "aula”Elementos com um nome particular de acordo com sua preferência.
• Insira o "estilo”Atribua e alocam um valor particular a isso. Por exemplo, "cor de fundo”Definirá a cor de fundo do contêiner criado.
• Também, "!importante”O valor é utilizado para substituir:

Linuxhint é um dos principais tutoriais

Saída

Como substituir !importante no CSS?

Substituir “!importante”No CSS, siga as instruções declaradas.

Etapa 1: Adicionar contêineres de divisão aninhados

Crie o primeiro contêiner dentro do primeiro e faça outro contêiner utilizando o mesmo procedimento mencionado na seção acima. Então, adicione “aula" e "eu ia”Atributos com os nomes específicos:

Linuxhint é um dos principais tutoriais

Saída

Etapa 2: aplicar !importante para a classe Div principal

Acesse a classe DIV principal usando o “.Principal-Div”E aplique as propriedades CSS listadas abaixo:

.main-div
tamanho da fonte: 30px;
margin-top: 20%;
Alinhamento de texto: centro;
Cor: #0F0FF1;
intensidade da fonte: Negrito;
Background-Color: RGB (6, 166, 240) !importante;

Aqui:

• ““tamanho da fonte”A propriedade é utilizada para especificar o tamanho da fonte.
• ““margin-top”Adiciona um espaço na parte superior fora do elemento.
• ““alinhamento de texto”É utilizado para definir o alinhamento do texto no elemento definido.
• ““cor”Propriedade define a cor do texto dentro do elemento.
• ““espessura da fonte”A propriedade é usada para mostrar como alfabetos finos ou grossos no texto podem ser exibidos.
• ““cor de fundo”É usado para definir a cor na parte traseira do elemento.

Etapa 3: aplicar !importante para a classe Div e ID principal

Agora, acesse o atributo de classe do primeiro contêiner de div e o atributo de identificação do segundo contêiner da Div:

div [main-div],
div [content-id]
Background-Color: RGB (230, 230, 11) !importante;

Então, aplique o “cor de fundo”Propriedade e“!importante" regra. Ele substituirá a cor de fundo acima aplicada.

Saída

Isso se tratava de substituir o !propriedade importante no CSS.

Conclusão

Para substituir !Importante, o usuário pode utilizar o “!importante”Regra com os atributos no HTML e também use as propriedades CSS. Por exemplo, acesse a div e aplique o “!importante”Regra sobre a“cor de fundo”. Em seguida, acesse os dois contêineres da div e aplique novamente !regra importante na mesma propriedade. Como resultado, o segundo aplicado “!a regra importante ”substitui o primeiro. Este post demonstrou o método para substituir !importante em HTML e CSS.