Heim  >  Artikel  >  Web-Frontend  >  So schließen Sie eine Auswahl in CSS aus

So schließen Sie eine Auswahl in CSS aus

WBOY
WBOYOriginal
2022-04-20 15:06:573569Durchsuche

In CSS können Sie den Selektor „:not“ verwenden, um die Auswahl auszuschließen. Dieser Selektor passt zu jedem Element, das kein angegebenes Element ist, d. h., um das angegebene Element auszuschließen Ausgeschlossene Elemente){css style code}".

So schließen Sie eine Auswahl in CSS aus

Die Betriebsumgebung dieses Tutorials: Windows 10-System, CSS3- und HTML5-Version, Dell G3-Computer.

So schließen Sie eine Auswahl in CSS aus

:not(selector) Der Selektor stimmt mit jedem Element des nicht angegebenen Elements/Selektors überein.

„:not“ ist ein Selektortyp. Wenn Sie möchten, dass ein bestimmter Stil nicht auf den Selektor angewendet wird, können Sie :not (Selektor) verwenden.

Die Syntax lautet:

:not(selector)

Das Beispiel lautet wie folgt:

<html>
<head>
<style>
p
{
color:#000000;
}
:not(p)
{
color:#ff0000;
}
</style>
</head>
<body>
<h1>这是标题</h1>
<p>这是一个段落。</p>
<p>这是另一个段落。</p>
<div>这是 div 元素中的文本。</div>
<br>
<a href="#" target="_blank">这是一个a标签</a>
</body>
</html>

Das Ausgabeergebnis:

So schließen Sie eine Auswahl in CSS aus

(Lernvideo-Sharing: CSS-Video-Tutorial)

Das obige ist der detaillierte Inhalt vonSo schließen Sie eine Auswahl in CSS aus. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn