CSS equivalente de la declaración si

Una declaración "if" o "if-else" es una declaración condicional que funciona de tal manera que si el "if-estatement" es verdadero, el compilador ejecutará la operación definida después de eso. Pero, el problema aquí es que las declaraciones "si" están restringidas solo a lenguajes de programación como Java, JavaScript, Python, C ++, etc., y no pueden ser utilizados por los idiomas de desarrollo front-end como HTML y CSS.

Dado que CSS es un lenguaje de hoja de estilo y no puede ejecutar la lógica, a diferencia de los lenguajes de programación, no podemos escribir una declaración "si" en CSS, pero hay alternativas para usar la condición "si" en CSS en CSS.

En este artículo, discutiremos un método alternativo para realizar una operación condicional en HTML sin usar la instrucción real "si". Esto significa aplicar condiciones en CSS sin la declaración real "si" es posible.

Uso de selectores CSS | Método alternativo

En el elemento de estilo CSS, cree selectores de clase que se refieran a las clases creadas en el documento HTML para el cual se requiere la solución alternativa CSS "IF". Y luego, dentro del selector de clases, escriba la propiedad para realizar cualquier tarea como "Color: Purple", lo que significa que el color de los elementos en la clase seleccionada debe cambiarse a Purple.

Para crear condiciones para la ejecución de las propiedades de CSS, creemos múltiples clases, cada una que contenga información de texto:

Esta es la primera línea!

Esta es la segunda línea!

Esta es la tercera línea!

Para instruir al compilador que realice tareas de la declaración "IF" (como "si" se selecciona esta clase en particular, "entonces" esto sucederá), podemos crear múltiples selectores de clase en el elemento de estilo CSS:

.línea 1
color morado;

.línea 2
color verde;

.línea 3
color azul;

El código anterior producirá la siguiente salida:

La figura anterior muestra claramente que el programa se ha ejecutado de acuerdo con las condiciones que aplicamos en el elemento de estilo CSS.

Esto resume el método CSS equivalente a la declaración de programación "si".

Conclusión

No hay una declaración de "si" en el lenguaje CSS Stylesheet, pero hay un método alternativo para realizar la misma tarea en CSS. Es posible crear condiciones para la ejecución de propiedades CSS específicas agregando selectores de clase en los elementos de estilo CSS que funcionarán de tal manera que definan las operaciones para ejecutar la referencia a las clases específicas.