CSS équivalent de l'énoncé «IF»

Une instruction «if» ou «if-else» est une instruction conditionnelle qui fonctionne de telle manière que si la «staté if» est vraie, le compilateur exécutera l'opération définie après cela. Mais, le problème ici est que les déclarations «si» sont limitées à uniquement des langages de programmation comme Java, JavaScript, Python, C ++, etc., et ne peut pas être utilisé par les langages de développement frontal comme HTML et CSS.

Étant donné que CSS est un langage de feuille de style et ne peut pas exécuter la logique, contrairement aux langages de programmation, nous ne pouvons pas écrire une instruction «IF» dans CSS, mais il existe des alternatives à l'utilisation de la condition «IF» dans CSS.

Dans cet article, nous discuterons d'une méthode alternative pour effectuer une opération conditionnelle dans HTML sans utiliser la déclaration réelle «IF». Cela signifie appliquer des conditions dans CSS sans l'énoncé «IF» réel est possible.

Utilisation de sélecteurs CSS | Méthode alternative

Dans l'élément de style CSS, créez des sélecteurs de classe qui se réfèrent aux classes créées dans le document HTML pour lequel la solution alternative CSS «IF» est requise. Et puis, à l'intérieur du sélecteur de classe, écrivez la propriété pour effectuer n'importe quelle tâche comme «couleur: violet», ce qui signifie que la couleur des éléments de la classe sélectionnée doit être changée en violet.

Pour créer des conditions pour l'exécution des propriétés CSS, créons plusieurs classes, chacune contenant des informations de texte:

C'est la première ligne!

C'est la deuxième ligne!

C'est la troisième ligne!

Pour demander au compilateur d'effectuer des tâches d'instruction «IF» (comme «si» cette classe particulière est sélectionnée, «alors» cette chose particulière se produira), nous pouvons créer plusieurs sélecteurs de classe dans l'élément de style CSS:

.ligne 1
couleur violet;

.ligne 2
la couleur verte;

.line3
Couleur bleue;

Le code ci-dessus produira la sortie suivante:

La figure ci-dessus montre clairement que le programme a été exécuté en fonction des conditions que nous avons appliquées dans l'élément de style CSS.

Cela résume la méthode CSS équivalente à l'instruction de programmation «if».

Conclusion

Il n'y a pas de déclaration «si» dans la langue CSS Stylesheet, mais il existe une méthode alternative pour effectuer la même tâche dans CSS. Il est possible de créer des conditions pour l'exécution de propriétés CSS spécifiques en ajoutant des sélecteurs de classe dans les éléments de style CSS qui fonctionneront de telle manière qu'ils définissent les opérations pour exécuter en faisant référence aux classes spécifiques.