Detaillierte Erklärung zum Schreiben mehrerer Bedingungen von CSS: nicht

Detaillierte Erklärung zum Schreiben mehrerer Bedingungen von CSS: nicht

Der Pseudoklassenselektor :not kann Elemente filtern, die nicht dem Ausdruck entsprechen

Beispiel

Tabelle tbody tr:nicht(:erstes-Kind):nicht(:letztes-Kind) td
{
     Textausrichtung: rechts;
}

Der obige Code kann das nicht erste und nicht letzte tr im tbody-Teil der Tabelle auswählen und den Textstil seines untergeordneten td-Elements nach rechts setzen

Hier müssen wir auf das grammatikalische Format von „not“ achten:

Single nicht schreiben:

/*Nicht-Absatzelemente auswählen*/
:nicht(p)
{
 
}

Wie schreibe ich mehrere Not

/*Wählen Sie das mittlere p-Element im div aus, das weder das erste noch das letzte ist*/
div p:nicht(:erstes-Kind):nicht(:letztes-Kind){
}

Das Obige ist der vollständige Inhalt dieses Artikels. Ich hoffe, er wird für jedermanns Studium hilfreich sein. Ich hoffe auch, dass jeder 123WORDPRESS.COM unterstützen wird.

<<:  Designtheorie: Die Grundlagen der Schriftgestaltung

>>:  Eine Zusammenfassung einiger Orte, an denen ich Zeit mit TypeScript verbracht habe

Artikel empfehlen

Einführung in die Linux-Dateikomprimierung und -Verpackung

1. Einführung in Komprimierung und Verpackung All...

Implementierung und Optimierung von MySql-Unterabfragen IN

Inhaltsverzeichnis Warum ist IN langsam? Was ist ...

HTTP-Rückgabecodeliste (Erklärung auf Chinesisch und Englisch)

Liste der HTTP-Rückgabecodes (unten finden Sie ei...

Implementierung der Nginx-Lastverteilung/SSL-Konfiguration

Was ist Lastenausgleich? Wenn ein Domänenname auf...

Vorschläge zur Optimierung der Webseiten-Kopfzeile

Logo-Optimierung: 1. Das Logobild sollte so klein...

Analyse gängiger Anwendungsbeispiele von MySQL-Prozessfunktionen

Dieser Artikel veranschaulicht anhand von Beispie...

Ubuntu16.04 erstellt eine php5.6-Webserverumgebung

Ubuntu 16.04 installiert standardmäßig die PHP7.0...

HTML verwendet reguläre Ausdrücke zum Testen von Tabellenbeispielen

Hier ist ein Beispielcode für die Verwendung regu...