web-dev-qa-db-fra.com

Comment le caractère "supérieur à" ou ">" est-il utilisé en CSS?

J'ai vu ce personnage plusieurs fois dans des fichiers CSS mais je n'ai aucune idée de la façon dont il est utilisé. Quelqu'un peut-il me l'expliquer et montrer comment il est utile pour faciliter le style d'une page?

150
Sam152

C'est un sélecteur d'enfant CSS. P > SPAN signifie appliquer le style qui suit à toutes les balises SPAN qui sont des enfants d'une balise P.

Notez que "enfant" signifie "descendant immédiat", pas n'importe quel descendant. P SPAN est un sélecteur descendant, appliquant le style qui suit à toutes les balises SPAN qui sont les enfants d'une balise P ou récursivement les enfants de toute autre balise qui est un enfant/descendant d'une balise P. P > SPAN s'applique uniquement aux balises SPAN qui sont les enfants d'une balise P.

189
tpdi
p em

correspondra à tout <em> qui se trouve dans un <p>. Par exemple, il correspondrait aux <em> Suivants:

<p><strong><em>foo</em></strong></p>
<p>Text <em>foo</em> bar</p>

D'autre part,

p > em

Ne correspondra qu'à <em> S qui sont des enfants immédiats de <p>. Cela correspondra donc:

<p>Text <em>foo</em> bar</p>

Mais non:

<p><strong><em>foo</em></strong></p>
127
Brian Campbell

c'est ce qu'on appelle un enfant combinateur:

Un sélecteur de combinateur enfant a été ajouté pour pouvoir styliser le contenu des éléments contenus dans d'autres éléments spécifiés. Par exemple, supposons que l'on veuille définir le blanc comme couleur des hyperliens à l'intérieur des balises div pour une certaine classe car ils ont un fond sombre. Cela peut être accompli en utilisant une période pour combiner div avec les ressources de classe et un signe supérieur à comme combinateur pour combiner la paire avec a, comme indiqué ci-dessous:

div.resources > a{color: white;}

(depuis http://www.xml.com/pub/a/2003/06/18/css3-selectors.html )

8
Adam Alexander
E > F

Correspond à tout élément F qui est un enfant d'un élément E.

plus sur http://www.w3.org/TR/CSS21/selector.html#child-selectors

4
Tobias