9
votes

CSS Corps: premier enfant

Quelqu'un peut-il m'expliquer pourquoi cela ne fonctionne pas? XXX

de ce que j'ai lu, le sélecteur de premier enfant doit sélectionner le premier objet div dans la balise. Si ce n'est pas la sélection de l'élément div, qu'est-ce qu'il sélectionne?


1 commentaires

N'oubliez pas d'inclure


4 Réponses :


8
votes

Pour cibler le premier div, vous devez faire Corps Div: premier enfant code>. En ce moment (je suppose), vous sélectionnez simplement le corps du premier enfant. (En fait, je ne suis pas tout à fait sûr quel em> vous sélectionnez maintenant, viens y penser. Je ne pense pas que le sélecteur premier enfant code> est valide pour accrocher Directement sur l'étiquette du corps.)

body div:first-child {
    color:#f00;
}​


4 commentaires

Peut-être que je suis un peu confus quant au sélecteur de premier enfant. Je pensais que cela lit plus comme "le premier enfant de la div dans le corps". Si je voulais sélectionner le dernier enfant du corps, j'utilisais-je: Corps Div: dernier enfant ?


Oui, mais cela ne ferait que le dernier div (I> Enfant.


@XENO: : premier enfant signifie "Sélectionnez cet élément s'il s'agit du premier enfant", non "Sélectionnez le premier enfant de cet élément".


Si votre parent DIV contient un mélange de type, spécifiez DIV, table, etc ... DIV: NT-DE-TYPE (1) Pour limiter les étiquettes DIV. Tableau: Nth-of-Type (1) Pour limiter les étiquettes de table.



16
votes

1 commentaires

Cela a fonctionné pour moi dans DNN. Les modules des réglages ont souvent les composants TELERIC ou TINYMCE et l'étiquette du corps dans leurs champs de description assumerait le style du corps du site. Super ennuyeux, mais cela a aidé à résoudre ce problème.



1
votes

Votre CSS dit sélectionner n'importe quel élément de corps qui est le premier enfant de son élément parent qui serait l'élément HTML. Mais la tête est le premier-enfant pas le corps.

au moins je pense que c'est correct: -)


0 commentaires

0
votes

Pour cibler le premier div code> de Corps code> Vous pouvez l'utiliser,

body div:first-of-type {
   /* style */
}


0 commentaires