Heim > Web-Frontend > CSS-Tutorial > Was sind die Elemente im ausgeschlossenen Abschnitt des CSS-Selektors?

Was sind die Elemente im ausgeschlossenen Abschnitt des CSS-Selektors?

下次还敢
Freigeben: 2024-04-06 02:42:16
Original
1124 Leute haben es durchsucht

:not() selector kann verwendet werden, um Elemente unter bestimmten Bedingungen auszuschließen, seine Syntax ist :not(selector) {Stilregel}. Beispiele: :not(p) schließt alle Nicht-Absatzelemente aus, li:not(.active) schließt inaktive Listenelemente aus, :not(table) schließt Nicht-Tabellenelemente aus, div:not([data-role="primary"] ) Schließen Sie div-Elemente mit nicht primären Rollen aus.

Was sind die Elemente im ausgeschlossenen Abschnitt des CSS-Selektors?

Selektor zum Ausschließen einiger Elemente in CSS

:not()-Selektor wird verwendet, um Elemente auszuschließen, die bestimmte Bedingungen erfüllen. So verwenden Sie den Selektor :not():

<code class="css">:not(selector) {
  /* 样式规则 */
}</code>
Nach dem Login kopieren

wobei:

  • :not der Selektortyp ist. :not 是选择器类型。
  • selector 是要排除的元素选择器。

示例:

要排除所有不是段落的元素,可以使用以下选择器:

<code class="css">:not(p) {
  color: red;
}</code>
Nach dem Login kopieren

其他示例:

  • 排除带有特定类名的元素:li:not(.active)
  • 排除不是表格中的元素::not(table)
  • 排除具有特定属性的元素:div:not([data-role="primary"])
  • selector ist der Selektor des auszuschließenden Elements.
🎜🎜🎜Beispiel: 🎜🎜🎜Um alle Elemente auszuschließen, die keine Absätze sind, können Sie den folgenden Selektor verwenden: 🎜rrreee🎜🎜Andere Beispiele: 🎜🎜🎜🎜Elemente mit einem bestimmten Klassennamen ausschließen: li:not ( .active)🎜🎜Elemente ausschließen, die nicht in der Tabelle sind: :not(table)🎜🎜Elemente mit bestimmten Attributen ausschließen: div:not([data-role =" primär"])🎜🎜

Das obige ist der detaillierte Inhalt vonWas sind die Elemente im ausgeschlossenen Abschnitt des CSS-Selektors?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage