Parenthèses dans les sélecteurs CSS

Les parenthèses peuvent-elles être incorporées dans les sélecteurs CSS ? Plus précisément, dans le cas du ciblage d'un en-tête avec le texte « Blockhead », le sélecteur peut-il être écrit sous la forme (.gumby > .pokey) h3 ?

Utilisation restreinte des parenthèses

Les parenthèses ne sont pas opérateurs valides dans les sélecteurs CSS. Ils sont réservés aux notations fonctionnelles, telles que :lang(), :not() et :nth-child().

Alternative pour les parenthèses dans les relations fraternelle

Dans l'exemple fourni, les parenthèses sont inutiles. Le sélecteur .gumby > .pokey h3 suffit pour sélectionner l'en-tête souhaité.

Les sélecteurs CSS se lisent de manière linéaire. Les combinateurs, comme le ">" et le " " utilisés dans ce sélecteur, n'ont pas de priorité. Le sélecteur peut être interprété comme :

• Sélectionner un élément h3
• Qui suit immédiatement un élément de classe "pokey"
• C'est un enfant d'un élément avec la classe "gumby"

Comme l'élément .pokey et l'élément h3 sont tous deux des enfants de l'élément .gumby dans la structure HTML fournie, ceci Le sélecteur ciblera correctement l'en-tête avec le texte "Blockhead".