CSS não possui regras condicionais para aplicar propriedades para estilizar um elemento. No entanto, algumas propriedades do CSS só podem ser aplicadas a um estilo baseado em uma determinada condição. Nesse cenário, a condição fornecida pode ser verdadeira ou falsa, o que depende das declarações/padrões executados. Além disso, o CSS não suporta condições se/senão, mas a funcionalidade desejada pode ser alcançada usando uma declaração de classe no CSS interno ou externo.

Este post declarará o uso da condição IF/else no CSS.

É possível usar as condições IF/else em CSS?

Não, você não pode usar a condição IF/else no CSS porque não suporta a declaração condicional mencionada. No entanto, existem outras alternativas de se/else que podem ser usadas em seu lugar. Por exemplo, as classes CSS podem ser utilizadas para o mesmo objetivo.

Como usar aulas em HTML/CSS?

Para a demonstração, agora mostraremos o método para usar classes em HTML e CSS.

Etapa 1: Crie um elemento div

Primeiro, crie um elemento div usando o “”Tag e adicione o“alinharPropriedade para definir o alinhamento da div.

Etapa 2: adicione o primeiro cabeçalho

Em seguida, adicione o primeiro título utilizando o “

”Tag e insira o“estilo”Atributo dentro do

tag para estilizar o cabeçalho. Nesse cenário, o “Cor: RGB (28, 0, 128)”O valor é especificado para definir a cor do cabeçalho.

Etapa 3: Adicione o segundo cabeçalho

Em seguida, insira o segundo título com a ajuda do “

Etapa 4: Faça recipientes de span

Agora, faça dois recipientes consecutivos usando o “”Tag usado para conteúdo embutido. Então, adicione um “aula”Atributo em cada contêiner com um nome diferente e insira os dados dentro desses contêineres:

Site dos tutoriais do Linuxhint

Condição IF-Else em CSS

Linuxhint é o melhor site de tutorial



Linuxhint fornece o melhor conteúdo para diferentes categorias

Saída

Agora, mova -se em direção à próxima parte da aplicação do CSS.

Etapa 5: Acesse o primeiro contêiner

.Primeiro-container
Cor: RGB (74, 16, 233);
estilo de fonte: itálico;

Acesse o primeiro contêiner utilizando o “.Primeira contadora”E use o“cor”Propriedade para especificar a cor e“estilo de fonte”Para selecionar o estilo para a fonte do texto de um contêiner.

Etapa 6: Acesso segundo contêiner

.Segundo container
Cor: RGB (7, 235, 64);
estilo de fonte: oblíquo;

Em seguida, acesse o segundo contêiner com a ajuda de “.Segundo contador”E aplique quaisquer propriedades CSS de acordo com suas preferências. Aqui, "cor" e "estilo de fonte”As propriedades são utilizadas para o outro contêiner.

Saída

Explicamos a alternativa de usar a condição if/else no CSS com suas alternativas.

Conclusão

Não, você não pode utilizar a condição IF/else no CSS porque não oferece suporte. No entanto, o CSS fornece uma alternativa para o IF/else criando elementos com diferentes classes e, em seguida, adicionar a funcionalidade necessária. Esta postagem é sobre o uso de condições IF/else no CSS.