Les sélecteurs avancés CSS incluent "sélecteur universel de frères et sœurs ~", "sélecteur d'attribut []", "sélecteur de pseudo-classe : not()", "sélecteur de pseudo-classe : nth-child()", "sélecteur de pseudo-classe" : nth-of-type()", "Sélecteur de pseudo-classe : premier-enfant et : dernier-enfant": 1. Sélecteur universel de frères et sœurs, sélectionne tous les éléments qui ont le même élément parent que l'élément spécifié, et tous les éléments qui suivez-le. Éléments similaires ; 2. Sélecteur d'attribut, vous pouvez sélectionner des éléments en fonction de leurs valeurs d'attribut, etc.
Le système d'exploitation de ce tutoriel : système Windows 10, ordinateur Dell G3.
Les sélecteurs avancés CSS offrent une manière plus raffinée et flexible de sélectionner des éléments. Voici quelques sélecteurs avancés CSS courants :
h2 ~ p { color: red; }
Sélecteurs d'attributs : vous pouvez sélectionner des éléments en fonction de leurs valeurs d'attribut. Sélecteur d'attribut existant : [attr] attr$=value]
p:not(.intro) { color: red; }
p:nth-child(odd) { background-color: lightgray; }:nth-of-type() sélecteur de pseudo-classe : similaire à :nth-child(), mais ne correspond qu'aux éléments d'un type spécifique.
p:nth-of-type(2n+1) { font-weight: bold; }
div p:first-child { font-weight: bold; }
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!