Maison >interface Web >tutoriel CSS >Qu'est-ce que le sélecteur cssnot ? Explication détaillée du sélecteur not()
Qu'est-ce que le sélecteur cssnot ? Explication détaillée du sélecteur not()
- 云罗郡主original
- 2018-11-19 10:27:415532parcourir
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>L'effet est le suivant :
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!