CSS / Pseudoklasse / not()

Die CSS :not()-Pseudoklasse passt auf jedes Element, das NICHT das angegebene Element/der angegebene Selektor ist.
Der Selektor kann sein: Ein Element z.B. ein DIV :not(div), eine Klasse :not(.not), oder eine ID :not(#id_name).
Ein Selektor kann natürlich auch kaskadiert werden: :not( p a )
Siehe Beispiele:

Wenn Ihr Anregungen oder Kommentare zu :not() habt, seid so nett und kontaktiert mich unter: Kontakt

Kopiert Euch gerne den Code und probiert es aus: Code

HTML:

<div class="element-eins">
	Inhalt von Klasse "element-eins"
	<p class="not">
		Ich bin nicht betroffen
	</p>
	<p>
		Auch ich bin betroffen
	</p>
</div>


CSS:

div.element-eins p:not(.not){
	color: red !important;
}

HTML:

<div class="element-eins">
	<a href="#">Ich bin ein Link</a>
	<p>
		<a href="#">Ich bin ein Link innerhalb eines P</a>
	</p>
</div>


CSS:

div.element-eins a:not(p a){
	color: red !important;
}