CSS -Äquivalent zur Erklärung if

Eine "if "- oder" if-else "-Anweisung ist eine bedingte Aussage, die so funktioniert, dass der Compiler den danach definierten Vorgang ausführt. Das Problem hier ist jedoch, dass „wenn“ Aussagen nur auf Programmiersprachen wie Java, JavaScript, Python, C ++ usw. beschränkt sind., und kann nicht von den Front-End-Entwicklungssprachen wie HTML und CSS verwendet werden.

Da CSS eine Style Sheet -Sprache ist und keine Logik ausführen kann, können wir im Gegensatz zu Programmiersprachen keine Anweisung in CSS schreiben, aber es gibt Alternativen zur Verwendung der Bedingung „If“ in CSS.

In diesem Artikel werden wir eine alternative Methode erörtert, um einen bedingten Betrieb in HTML durchzuführen, ohne die tatsächliche Anweisung „If“ zu verwenden. Dies bedeutet, dass die Anwendung von Bedingungen in CSS ohne die tatsächliche „if“ -serklärung möglich ist.

Verwenden von CSS -Selektoren | Alternative Methode

Erstellen Sie im CSS -Style -Element Klasselektoren, die sich auf die im HTML -Dokument erstellten Klassen beziehen, für die die alternative CSS -Lösung erforderlich ist. Und dann schreiben.

Um Bedingungen für die Ausführung von CSS -Eigenschaften zu erstellen, erstellen wir mehrere Klassen, die jeweils einige Textinformationen enthalten:

Dies ist die erste Zeile!

Dies ist die zweite Zeile!

Dies ist die dritte Zeile!

Um den Compiler anzuweisen, "if" -Schürtungsaufgaben auszuführen (wie "wenn" diese bestimmte Klasse ausgewählt ist, können wir im CSS -Stil mehrere Klassenwählern erstellen:

.Linie 1
Farbe lila;

.Zeile 2
Farbe grün;

.Zeile3
Farbe blau;

Der obige Code erzeugt die folgende Ausgabe:

Die obige Abbildung zeigt deutlich, dass das Programm gemäß den Bedingungen ausgeführt wurde, die wir im CSS -Stilelement angewendet haben.

Dies fasst die CSS -Methode zusammen, die der Programmieranweisung „if“ entspricht.

Abschluss

In der CSS -Stylesheet -Sprache gibt es keine „if“ -Schürt. Es ist möglich, Bedingungen für die Ausführung spezifischer CSS -Eigenschaften zu erstellen, indem Klassenauswahlern in die CSS -Stilelemente hinzugefügt werden, die so funktionieren, dass sie Operationen definieren, um sich auf die spezifischen Klassen auszuführen.