CSS equivalente all'istruzione if

Un'affermazione "if" o "if-else" è un'affermazione condizionale che funziona in modo tale che se la "sezione if" è vera, il compilatore eseguirà l'operazione definita dopo. Ma il problema qui è che le dichiarazioni "if" sono limitate solo a linguaggi di programmazione come Java, JavaScript, Python, C ++, ecc., e non può essere utilizzato dai linguaggi di sviluppo front-end come HTML e CSS.

Poiché CSS è un linguaggio del foglio di stile e non può eseguire la logica, a differenza dei linguaggi di programmazione, non possiamo scrivere un'istruzione "if" in CSS, ma ci sono alternative all'utilizzo della condizione "if" in CSS.

In questo articolo, discuteremo di un metodo alternativo per eseguire un'operazione condizionale in HTML senza utilizzare l'istruzione "if" effettiva. Ciò significa applicare le condizioni in CSS senza l'attuale istruzione "if".

Utilizzando i selettori CSS | Metodo alternativo

Nell'elemento in stile CSS, creare selettori di classi che si riferiscono alle classi create nel documento HTML per le quali è richiesta la soluzione alternativa CSS "if". E poi, all'interno del selettore di classe, scrivi la proprietà per eseguire qualsiasi compito come "Color: Purple", il che significa che il colore degli elementi nella classe selezionata dovrebbe essere modificato in viola.

Per creare condizioni per l'esecuzione delle proprietà CSS, creiamo più classi, ognuna contenente alcune informazioni di testo:

Questa è la prima riga!

Questa è la seconda riga!

Questa è la terza riga!

Per istruire il compilatore di eseguire attività di istruzione "if" (come "if" questa particolare classe è selezionata, "allora" questa cosa particolare accadrà), possiamo creare selettori di più classi nell'elemento in stile CSS:

.Linea 1
colore viola;

.linea 2
Colore: verde;

.riga3
colore blu;

Il codice sopra produrrà il seguente output:

La figura sopra mostra chiaramente che il programma è stato eseguito in base alle condizioni che abbiamo applicato nell'elemento in stile CSS.

Questo riassume il metodo CSS equivalente all'istruzione di programmazione "if".

Conclusione

Non esiste un'affermazione "if" nella lingua del foglio di stile CSS ma esiste un metodo alternativo per eseguire lo stesso compito in CSS. È possibile creare condizioni per l'esecuzione di specifiche proprietà CSS aggiungendo selettori di classi negli elementi in stile CSS che funzionano in modo tale da definire le operazioni da eseguire riferendosi alle classi specifiche.