interface Web
tutoriel CSS
Pourquoi mon sélecteur enfant ne parvient-il pas à styliser les cellules du tableau ?
Pourquoi mon sélecteur enfant ne parvient-il pas à styliser les cellules du tableau ?
Sélecteur enfant ou sélecteur descendant dans les structures de table
Lors de la sélection d'éléments dans des documents HTML, les développeurs utilisent souvent des sélecteurs enfants (>) pour ciblez les enfants directs et les sélecteurs descendants pour cibler tout élément imbriqué. Cependant, il existe des scénarios dans lesquels le sélecteur d'enfant semble échouer de manière inattendue.
Considérez l'exemple suivant :
table tr td {
background-color: red;
}
table > tr > td {
background-color: blue;
}La première règle sélectionne avec succès tous les fichiers
| éléments.
Intrigués par ce comportement, les développeurs pourraient supposer que puisque | est un enfant de |
| puisqu'il ne s'agit pas d'un enfant immédiat de |
