Autres pseudo-éléments et sélecteurs de pseudo-classe, :not() peut être enchaîné avec d'autres pseudo-classes et pseudo-éléments. Par exemple, l'élément suivant ajoutera un mot "Nouveau !" aux éléments de la liste qui n'ont pas d'élément .ancien en utilisant le nom de la classe ::après
Trivia et notes
Le CRM :not() est chaînable avec d'autres :not() sélecteurs. Par exemple, les suivants correspondra à tous les articleà l'exception de celui qui a un ID #caractériséet filtrera ensuite les articles dont le nom de classe est .tutoriel:
article:not(#featured):not(.tutorial) {
/* style les articles qui correspondent */
}
Tout comme les autres pseudo-éléments et sélecteurs de pseudo-classe, :not() peut être enchaîné avec d'autres pseudo-classes et pseudo-éléments. Par exemple, l'élément suivant ajoutera un mot "Nouveau !" aux éléments de la liste qui n'ont pas d'élément .ancien en utilisant le nom de la classe ::après pseudo-élément :
li:not(.old)::after {
content : "Nouveau !";
color : deepPink ;
}
Vous pouvez voir une démonstration en direct dans la section Démonstration en direct ci-dessous.
Sur la spécificité des sélecteurs
La spécificité de la :not() est la spécificité de son argument. La pseudo-classe :not() n'ajoute pas à la spécificité du sélecteur, contrairement à d'autres pseudo-classes.
Le CRM sélecteur simple que :not() peut être l'un des éléments suivants :
- Sélecteur de type (par exemple
p,la travéeetc.) - Sélecteur de classe (par exemple
.élément,.sidebaretc.) - Sélecteur d'ID (par exemple
#header) - Sélecteur de pseudo-classe (par exemple
:first-child,:last-of-type)
Référence
L'argument transmis à :not() peut pasCependant, il s'agit d'un pseudoélément (tel que ::avant et ::aprèsentre autres) ou un autre sélecteur de pseudo-classe de négation.
Il s'agit d'une pratique qui a pour but d'améliorer la qualité de la vie des gens et de leur permettre de se sentir plus à l'aise dans leur vie quotidienne.
| Employé | Salaire | |
| Martin | $1 | Parce que c'est tout ce dont Steve Job avait besoin pour son salaire. |
| Jean | $100K | Pour tous les blogs qu'il tient. |
| Robert | $100M | Les images valent mille mots, n'est-ce pas ? Donc Tom x 1 000. |
| Jane | $100B | Avec des cheveux comme ça ?! Assez parlé... |
Replis utiles
Il s'agit d'une extension de la vie pour beaucoup d'endroits. Les routes, les sont, les qui, et les tonalités de la main. Les responsables sont susceptibles de le faire, juste en faisant attention, les puzzles sont stupides, le casting n'est pas ennuyeux et elle est encore plus petite. il a pour textes les non atteints, l'activité de l'écran sont pour ledit groundtem, faisant avidement se sentir tenu en vrac.
Tout comme les autres pseudo-éléments et sélecteurs de pseudo-classe, :not() peut être enchaîné avec d'autres pseudo-classes et pseudo-éléments. Par exemple, l'élément suivant ajoutera un mot "Nouveau !" aux éléments de la liste qui n'ont pas d'élément .ancien en utilisant le nom de la classe ::après pseudo-élément :
element:not(.old)::after {
content : "Nouveau !";
color : deepPink ;
}
Vous pouvez voir une démonstration en direct dans le Démonstration en direct ci-dessous.
