Les parenthèses peuvent-elles être utilisées dans les sélecteurs CSS pour les relations fraternelle ?

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 sont opérateurs non 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 sont lus linéairement. Combinateurs, comme le ">" et " " 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 avec la 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, ce sélecteur ciblera correctement l'en-tête avec le texte "Blockhead ."

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!