CSS hat keine bedingten Regeln für die Anwendung von Eigenschaften, um ein Element zu stylen. Einige CSS -Eigenschaften können jedoch nur auf einen Stil angewendet werden, der auf einer bestimmten Bedingung basiert. In einem solchen Szenario kann die angegebene Bedingung wahr oder falsch sein, was von den ausgeführten Anweisungen/Mustern abhängt. Darüber hinaus unterstützt CSS nicht, ob/sonst die Bedingungen, aber die gewünschte Funktionalität kann unter Verwendung einer Klassenerklärung im inneren oder äußeren CSS erreicht werden.

In diesem Beitrag wird die Verwendung der IF/sonst -Bedingung in CSS angegeben.

Ist es möglich zu verwenden, wenn/sonst Bedingungen in CSS?

Nein, Sie können die IF/sonst -Bedingung in CSS nicht verwenden, da sie die genannte bedingte Erklärung nicht unterstützt. Es gibt jedoch einige andere Alternativen von if/sonst, die an seiner Stelle verwendet werden können. Zum Beispiel können CSS -Klassen für denselben Zweck verwendet werden.

So verwenden Sie Klassen in HTML/CSS?

Für die Demonstration zeigen wir nun die Methode für die Verwendung von Klassen in HTML und CSS.

Schritt 1: Erstellen Sie ein DIV -Element

Erstellen Sie zunächst ein DIV -Element mit dem “Tag und fügen Sie die "hinzu"ausrichtenEigentum zur Festlegung der Divil -Ausrichtung.

Schritt 2: Fügen Sie die erste Überschrift hinzu

Fügen Sie dann die erste Überschrift hinzu, indem Sie das verwenden

”Tag und fügen Sie die“ ein und “Stil”Attribut im Inneren der

Tag zum Styling der Überschrift. In diesem Szenario die “Farbe: RGB (28, 0, 128)Der Wert wird angegeben, um die Überschriftenfarbe festzulegen.

Schritt 3: Fügen Sie die zweite Überschrift hinzu

Stecken Sie als nächstes die zweite Überschrift mit Hilfe des “

Schritt 4: Spanbehälter machen

Machen Sie nun zwei aufeinanderfolgende Behälter mit der “”Tag, das für Inline -Inhalte verwendet wird. Dann fügen Sie eine "hinzu"Klasse”Attribut in jedem Container mit einem anderen Namen und fügen Sie die Daten in diese Container ein:

LinuxHint -Tutorials Website

IF-ELSE-Zustand in CSS

LinuxHint ist die beste Tutorial -Website



LinuxHint bietet den besten Inhalt für verschiedene Kategorien

Ausgang

Bewegen Sie sich nun auf den nächsten Teil der Anwendung des CSS.

Schritt 5: Zugriff auf den ersten Container

.First-Container
Farbe: RGB (74, 16, 233);
Schriftstil: kursiv;

Greifen Sie mit dem ersten Container auf den Container zu.First Container"Und benutze das"FarbeEigenschaft, um die Farbe anzugeben und “Schriftstil”Zur Auswahl des Stils für die Schriftart des Textes eines Containers.

Schritt 6: Zugriff auf den zweiten Container

.Zweitbetrieb
Farbe: RGB (7, 235, 64);
Schriftstil: Schräg;

Greifen Sie dann mit Hilfe von auf den zweiten Behälter zu “zu“.Zweitbetrieb”Und wenden Sie alle CSS -Eigenschaften nach Ihren Vorlieben an. Hier, "Farbe" Und "SchriftstilEigenschaften werden für den anderen Behälter verwendet.

Ausgang

Wir haben die Alternative erklärt, die IF/sonst -Bedingung in CSS mit ihren Alternativen zu verwenden.

Abschluss

Nein, Sie können die IF/sonst -Bedingung in CSS nicht verwenden, da sie keine Unterstützung bietet. CSS bietet jedoch eine Alternative zum Erstellen von Elementen mit unterschiedlichen Klassen und dann die erforderliche Funktionalität hinzufügen. In diesem Beitrag geht es darum, if/sonst Bedingungen in CSS zu verwenden.