Maison > interface Web > tutoriel CSS > Quels sont les éléments de la section exclue du sélecteur CSS

Quels sont les éléments de la section exclue du sélecteur CSS

下次还敢
Libérer: 2024-04-06 02:42:16
original
1124 Les gens l'ont consulté

Le sélecteur :not() peut être utilisé pour exclure des éléments dans des conditions spécifiques, sa syntaxe est :not(selector) {règle de style}. Exemples : :not(p) exclut tous les éléments non-paragraphe, li:not(.active) exclut les éléments de liste inactifs, :not(table) exclut les éléments non-tableaux, div:not([data-role="primary"] ) Excluez les éléments div avec des rôles non principaux.

Quels sont les éléments de la section exclue du sélecteur CSS

Sélecteur pour exclure certains éléments en CSS

: le sélecteur not() est utilisé pour exclure des éléments qui correspondent à des conditions spécifiques. Voici comment utiliser le sélecteur :not() :

<code class="css">:not(selector) {
  /* 样式规则 */
}</code>
Copier après la connexion

où :

  • :not est le type de sélecteur. :not 是选择器类型。
  • selector 是要排除的元素选择器。

示例:

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

<code class="css">:not(p) {
  color: red;
}</code>
Copier après la connexion

其他示例:

  • 排除带有特定类名的元素:li:not(.active)
  • 排除不是表格中的元素::not(table)
  • 排除具有特定属性的元素:div:not([data-role="primary"])
  • selector est le sélecteur de l'élément à exclure.
🎜🎜🎜Exemple : 🎜🎜🎜Pour exclure tous les éléments qui ne sont pas des paragraphes, vous pouvez utiliser le sélecteur suivant : 🎜rrreee🎜🎜Autres exemples : 🎜🎜🎜🎜Exclure les éléments avec un nom de classe spécifique : li:not ( .active)🎜🎜Exclure les éléments qui ne sont pas dans le tableau : :not(table)🎜🎜Exclure les éléments avec des attributs spécifiques : div:not([data-role =" primaire"])🎜🎜

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal