communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > tutoriel CSS > le corps du texte

Qu'est-ce que le sélecteur cssnot ? Explication détaillée du sélecteur not()

云罗郡主
Libérer： 2018-11-19 10:27:41
original
5493 Les gens l'ont consulté

Le contenu de cet article concerne ce qu'est le sélecteur cssnot ? Une explication détaillée du sélecteur not(). Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer.

sélecteur not()

En CSS3, le sélecteur :not() est principalement utilisé pour sélectionner tous les éléments sauf un certain élément. C'est un sélecteur très utile.

Exemple : 

<html xmlns="http://www.w3.org/1999/xhtml">
<head> 
<title>CSS3 :not()选择器</title>
    <style type="text/css">
        *{padding:0;margin:0;}
        ul{list-style-type:none;}
        ul li:not(.first)
        {
            color:red;
        }
    </style>
</head>
<body>
    <ul>
        <li class="first">php中文网</li>
        <li>php中文网</li>
        <li>php中文网</li>
        <li>php中文网</li>
    </ul>
</body>
</html>
Copier après la connexion

L'effet est le suivant :

Quest-ce que le sélecteur cssnot ? Explication détaillée du sélecteur not()

Analyse :

Pour "ul li :not ( . first)", nous examinerons ce sélecteur en deux étapes. Le ". first" entre parenthèses signifie sélectionner en premier l'élément avec la valeur de classe (c'est-à-dire le premier élément li), donc "ul li:not (. first) » signifie sélectionner tous les éléments li sous l’élément ul à l’exception du premier élément li.

S'il n'y a pas de sélecteur :not(), il nous serait très difficile d'obtenir l'effet ci-dessus, avec beaucoup de code redondant. En fait : l'idée d'utiliser le sélecteur not() est similaire à l'idée d'ensemble complémentaire en mathématiques. Le sélecteur :not() est très pratique et flexible dans le développement réel.

Ce qui précède est une introduction complète à ce qu'est le sélecteur cssnot ? L'explication détaillée du sélecteur not() Si vous souhaitez en savoir plus sur le Tutoriel CSS3, veuillez prêter attention à. le site Web PHP chinois.


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：
cssnot选择器 cssnot
source：php.cn
Article précédent：Qu'est-ce que le sélecteur de racine ? Explication détaillée du sélecteur de racine Article suivant：Qu'est-ce qu'un sélecteur vide ? Explication détaillée du sélecteur vide
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
Derniers articles par auteur
Derniers numéros
Sélectionnez les produits liés au woocommerce à l'aide d'une taxonomie personnalisée avec une hiérarchie à 3 niveaux J'ai une boutique woocommerce avec une classification personnalisée « Sports ». La classif...
Depuis 2024-04-06 20:05:30
0
1
544
MySQL : "Sélectionnez le texte de... comme <variable ici ou sous-requête>" J'ai le tableau suivant avec les données suivantes : id texte langue 1 texte allemand alle...
Depuis 2024-04-06 19:25:54
0
2
529
Impossible d'obtenir l'élément d'entrée du site Web J'essaie donc d'obtenir un élément d'entrée de Twitter mais lorsque je l'exécute, cela con...
Depuis 2024-04-06 18:59:57
0
1
442
Comment sélectionner plusieurs cases à cocher dans Reactjs J'ai une liste d'options dans lesquelles je souhaite cocher plusieurs cases mais je n'y pa...
Depuis 2024-04-06 18:55:21
0
1
396
Même après l'effacement, la valeur de mon entrée de fichier reste Comme vous pouvez le voir sur la capture d'écran. Je sélectionne un fichier, conserve la f...
Depuis 2024-04-06 15:44:52
0
1
384
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal