Was ist :not()? Einfache Verwendung von :not()

In diesem Artikel erfahren Sie: Was ist nicht ()? Durch die einfache Verwendung von :not() kann jeder verstehen, wie :not() verwendet wird. Es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird Ihnen hilfreich sein.

:not() ist ein negativer Pseudoklassenselektor von CSS. Es handelt sich um einen funktionalen Pseudoselektor, der einen einfachen Selektor (siehe unten) als Argument verwendet und dann ein oder mehrere Elemente abgleicht, die nicht durch Argumente dargestellt werden.

Was als :not()-Parameter verwendet werden kann, kann einer der folgenden einfachen Selektoren sein:

1. Tag-Selektor (wie p, span usw.)

2, Klassenauswahl (z. B. .element, .sidebar usw.)

3. Pseudo-Klassenselektor (z. B.: zuerst). -child, :last-of-type)

5. Attributselektor (z. B. [type="checkbox"])

6. Universeller Selektor (*)

Allerdings übergeben an: Der Parameter von not() darf kein Pseudoelementselektor (wie ::before, ::after usw.) oder ein anderer negativer Pseudoklassenselektor sein.

Daher sind die folgenden :not()-Werte ungültig:

/* 无效 */
p:not(:not(.same)) {}

p:not(:not(:last-child)) {}

:not(::first-letter) {}

a:not(::after) {}

Wie aus dem obigen Beispiel ersichtlich ist, kann :not() nicht verschachtelt werden, zum Beispiel: not(:not( .. )). Es kann nicht auch in der Pseudoklasse :matches() verschachtelt werden, zum Beispiel: selector (:matches(:not(..))).

Wie bereits erwähnt, stimmt der :not()-Selektor mit Elementen in seinem Argument überein, die nicht vom Selektor dargestellt werden. Diese CSS-Anweisung: :

li:not(.new) {    
  /* 所有样式列表项，除了具有新类的项之外*/
}

wählt also alle Listenelemente aus, mit Ausnahme der Listenelemente mit dem Klassennamen .new.

:not()-Auswahlen können mit weiteren :not()-Auswahlen verkettet werden. Das Folgende stimmt beispielsweise mit allen s #featured des Artikels außer der ID überein und filtert dann Artikel mit dem Klassennamen heraus.tutorial:

article:not(#featured):not(.tutorial) {    
     /* 格式化文章 */
}

:not() kann auch mit anderen Pseudoklassen verknüpft werden und Pseudoelemente. Im Folgenden wird beispielsweise das Wort „new!“ zu .old hinzugefügt, wobei das Pseudoelement ::after verwendet wird, um Elemente ohne Klassennamen aufzulisten:

li ：not（.old）:: after {     
   content：“New！” ;    
   color：deepPink;
}

Beschreibung:

:not( ) Pseudoklassenauswahl ermöglicht das Schreiben einer nutzlosen Auswahl. Beispiel: not(*), das bedeutet keineswegs, dass auf kein Element jemals ein Stil angewendet wird.

Zusammenfassung: Das Obige ist der gesamte Inhalt dieses Artikels, ich hoffe, dass er für das Studium aller hilfreich sein wird.

Das obige ist der detaillierte Inhalt vonWas ist :not()? Einfache Verwendung von :not(). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!