CSS non ha regole condizionali per applicare proprietà per modellare un elemento. Tuttavia, alcune proprietà CSS possono essere applicate solo a uno stile basato su una determinata condizione. In tale scenario, la condizione data può essere vera o falsa, che dipende dalle dichiarazioni/schemi eseguiti. Inoltre, CSS non supporta le condizioni If/Else, ma la funzionalità desiderata può essere raggiunta utilizzando una dichiarazione di classe in CSS interno o esterno.

Questo post indicherà l'uso della condizione IF/altro in CSS.

È possibile utilizzare se/altrimenti condizioni in CSS?

No, non è possibile utilizzare la condizione IF/altro in CSS perché non supporta l'istruzione condizionale menzionata. Tuttavia, ci sono alcune altre alternative di if/else che possono essere utilizzate al suo posto. Ad esempio, le classi CSS possono essere utilizzate per lo stesso scopo.

Come utilizzare le classi in HTML/CSS?

Per la dimostrazione, mostreremo ora il metodo per l'uso di classi in HTML e CSS.

Passaggio 1: crea un elemento div

Innanzitutto, crea un elemento div usando il "Tag e aggiungi il "allineare"Proprietà per l'impostazione dell'allineamento Div.

Passaggio 2: Aggiungi prima intestazione

Quindi, aggiungi la prima intestazione utilizzando il "

"Tag e inserire il"stile"Attributo all'interno del

tag per lo styling della voce. In questo scenario, il "Colore: RGB (28, 0, 128)"Il valore è specificato per impostare il colore dell'intestazione.

Passaggio 3: aggiungi la seconda intestazione

Successivamente, inserisci la seconda intestazione con l'aiuto di "

Passaggio 4: creare contenitori per span

Ora, crea due contenitori consecutivi usando il ""Tag utilizzato per il contenuto in linea. Quindi, aggiungi un "classe"Attributo in ciascun contenitore con un nome diverso e inserire i dati all'interno di questi contenitori:

Sito Web di LinuxHint Tutorial

Condizione if-else in CSS

Linuxhint è il miglior sito di tutorial



Linuxhint fornisce i migliori contenuti per le diverse categorie

Produzione

Ora, spostati verso la parte successiva dell'applicazione del CSS.

Passaggio 5: accedere al primo contenitore

.primo contenuto
Colore: RGB (74, 16, 233);
Font in stile: corsivo;

Accedi al primo contenitore utilizzando il ".primo contenuto"E usa il"colore"Proprietà per specificare il colore e"stile carattere"Per selezionare lo stile per il carattere del testo di un contenitore.

Passaggio 6: accedere al secondo contenitore

.Second-Container
Colore: RGB (7, 235, 64);
Font in stile: obliquo;

Quindi, accedi al secondo contenitore con l'aiuto di ".secondo contenuto"E applica qualsiasi proprietà CSS in base alle tue preferenze. Qui, "colore" E "stile carattere"Le proprietà sono utilizzate per l'altro contenitore.

Produzione

Abbiamo spiegato l'alternativa dell'utilizzo della condizione IF/altro in CSS con le sue alternative.

Conclusione

No, non è possibile utilizzare la condizione IF/altro in CSS perché non offre supporto. Tuttavia, CSS fornisce un'alternativa per se/else creazione di elementi con classi diverse e quindi aggiungendo la funzionalità richiesta. Questo post riguarda l'utilizzo delle condizioni If/Else in CSS.