CSS tilsvarer if -erklæringen

En "if" eller "if-elv" -uttalelse er en betinget uttalelse som fungerer på en slik måte at hvis "if-uttalelsen" er sann, vil kompilatoren utføre operasjonen som er definert etter det. Men problemet her er at "hvis" uttalelser er begrenset til bare å programmeringsspråk som Java, JavaScript, Python, C ++, etc., og kan ikke brukes av front-end utviklingsspråk som HTML og CSS.

Siden CSS er et stilarkspråk og ikke kan utføre logikk, i motsetning til programmeringsspråk, kan vi ikke skrive en "if" -uttalelse i CSS, men det er alternativer til å bruke "IF" -tilstanden i CSS.

I denne artikkelen vil vi diskutere en alternativ metode for å utføre en betinget operasjon i HTML uten å bruke den faktiske "if" -uttalelsen. Dette betyr å anvende forhold i CSS uten den faktiske "hvis" -uttalelsen er mulig.

Bruke CSS -velgere | Alternativ metode

I CSS -stilelementet lager du klasselystere som refererer til klassene som er opprettet i HTML -dokumentet som CSS “IF” alternativ løsning er nødvendig. Og så, inne i klasselektoren, skriver du egenskapen for å utføre enhver oppgave som "farge: lilla", som betyr at fargen på elementene i den valgte klassen skal endres til lilla.

For å lage betingelser for utførelse av CSS -egenskaper, la oss lage flere klasser, som hver inneholder litt tekstinformasjon:

Dette er den første linjen!

Dette er den andre linjen!

Dette er den tredje linjen!

For å instruere kompilatoren om å utføre “if” uttalelsesoppgaver (som "hvis" denne spesielle klassen er valgt, "da" denne spesielle tingen vil skje), kan vi lage flere klasseselgere i CSS -stilelementet:

.linje 1
Farge: lilla;

.line2
Farge: grønn;

.line3
Farge: blå;

Ovennevnte kode vil produsere følgende utgang:

Figuren ovenfor viser tydelig at programmet er utført i henhold til forholdene vi brukte i CSS -stilelementet.

Dette oppsummerer CSS -metoden som tilsvarer "IF" -programmeringsuttalelsen.

Konklusjon

Det er ingen "hvis" -uttalelse i CSS Stylesheet -språket, men det er en alternativ metode for å utføre den samme oppgaven i CSS. Det er mulig å skape betingelser for utførelse av spesifikke CSS -egenskaper ved å legge til klasseselgere i CSS -stilelementene som vil fungere på en slik måte at de definerer operasjoner for å utføre å henvise til de spesifikke klassene.