Como substituir o estilo CSS - html

O CSS permite que os desenvolvedores da Web apliquem vários estilos, como “fronteira","mostrar","estilo de fonte","estilo de borda","margem","preenchimento”, E muitos mais em sites. Além disso, permite aos desenvolvedores realizar esta tarefa individualmente do HTML que cria cada página da web. Os usuários podem estilizar qualquer propriedade a um elemento que já estiveu de estilo para substituir a propriedade existente.

Este post explicará o método para substituir o estilo CSS.

Como substituir o estilo CSS?

Para substituir o estilo CSS, você deve seguir as seguintes instruções.

Etapa 1: Crie um contêiner "div"

Inicialmente, crie um contêiner de div com a ajuda do “div" marcação. Então, insira um “aula”Atributo dentro da tag de abertura da div e aloce um nome específico à classe conforme o requisito.

Etapa 2: Crie um contêiner "div" aninhado

Em seguida, faça outro aninhado “div”Contêiner com o mesmo método mencionado na etapa anterior:

Etapa 3: estilo Div Principal de estilo contêiner

Acesse o contêiner principal da div com a ajuda de um nome de classe com um seletor de atributo. Para fazer isso, utilizamos “.conteúdo principal”:

.conteúdo principal
Margem: 40px 160px;
Fronteira: 3px verde pontilhado;
preenchimento: 30px;

Depois de acessar o contêiner principal da Div, aplique as propriedades CSS abaixo mencionadas:

• • ““margem”É utilizado para especificar o espaço fora do elemento.
  • ““fronteira”Adicione um limite ao redor do elemento definido.
  • ““preenchimento”É usado para adicionar espaço dentro do limite definido.

A imagem resultante mostra a saída do bloco de código acima:

Etapa 4: estilo segundo contêiner “div”

Agora, acesse o segundo contêiner Div com nome e seletor de classe como “.exemplo de classe”E estilizá -lo da seguinte forma:

.exemplo de classe
Altura: 100px;
Largura: 100px;
Antecedentes: RGB (22, 221, 211);
borda: 2px preto sólido;

Aqui:

• • ““altura”A propriedade é usada para definir a altura do elemento.
  • ““largura”Aloca o tamanho da largura do elemento.
  • ““fundo”Especifica uma cor para a parte traseira do elemento em um limite definido.

Saída

Etapa 5: Acesse contêineres DIV aninhados

Agora, acesse o contêiner de divisão aninhado e utilize o “fundo”Propriedade para substituir o estilo CSS:

.interno-div .exemplo de classe
Antecedentes: RGB (224, 72, 12);

Como resultado, o CSS “fundo”Propriedade substitui a primeira propriedade de fundo aplicada:

Você aprendeu o método para substituir o estilo CSS.

Conclusão

Para substituir o estilo CSS, primeiro, crie um recipiente de div com um “”Contêiner. Em seguida, crie um recipiente de div aninhados. Em seguida, acesse a primeira div e aplique as propriedades CSS. Depois disso, acesse a div e aplique a mesma propriedade CSS que substitui a propriedade existente. Este tutorial demonstrou o método para substituir o estilo CSS.