CSS equivalente à declaração se

Uma declaração "se" ou "if-else" é uma declaração condicional que funciona de tal maneira que, se a "estatura se" for verdadeira, o compilador executará a operação definida após isso. Mas, o problema aqui é que as declarações "se" são restritas a apenas linguagens de programação como Java, JavaScript, Python, C ++, etc., e não pode ser usado pelos idiomas de desenvolvimento front-end como HTML e CSS.

Como o CSS é uma linguagem de chapas de estilo e não pode executar a lógica, diferentemente das linguagens de programação, não podemos escrever uma instrução "se" no CSS, mas existem alternativas para usar a condição "se" em CSS.

Neste artigo, discutiremos um método alternativo para realizar uma operação condicional em HTML sem usar a instrução “se” real. Isso significa aplicar condições no CSS sem a declaração real "se" é possível.

Usando seletores CSS | Método alternativo

No elemento de estilo CSS, crie seletores de classe que se referem às classes criadas no documento HTML para o qual a solução alternativa CSS “se” é necessária. E então, dentro do seletor de classe, escreva a propriedade para executar qualquer tarefa como "cor: roxa", o que significa que a cor dos elementos da classe selecionada deve ser alterada para roxo.

Para criar condições para a execução das propriedades do CSS, vamos criar várias classes, cada uma contendo algumas informações de texto:

Esta é a primeira linha!

Esta é a segunda linha!

Esta é a terceira linha!

Para instruir o compilador a executar tarefas de instrução “se” (como “se” essa classe em particular é selecionada, “então” essa coisa em particular acontecerá), podemos criar vários seletores de classe no elemento de estilo CSS:

.linha 1
cor roxa;

.linha 2
cor verde;

.Linha3
cor azul;

O código acima produzirá a seguinte saída:

A figura acima mostra claramente que o programa foi executado de acordo com as condições que aplicamos no elemento de estilo CSS.

Isso resume o método CSS equivalente à declaração de programação "se".

Conclusão

Não existe uma declaração "se" na linguagem da folha de estilo CSS, mas existe um método alternativo para executar a mesma tarefa no CSS. É possível criar condições para a execução de propriedades específicas do CSS, adicionando seletores de classe nos elementos do estilo CSS que funcionarão de tal maneira que eles definem operações para executar referência às classes específicas.