-1
votes

Pouvez-vous m'aider à comprendre ce que ce code CSS fera?

.Content> P: Premier-enfant {Border-Top: 1px Solid # 666; Couleur: RGBA (127, 191, 63, 0,72); }

Vous avez besoin d'aide pour comprendre le type de résultats de cet extrait de code CSS, en particulier la partie sélecteur.

merci.

css css-selectors

0 commentaires

4 Réponses :

1
votes

<div class="content">
  <p>first paragraph</p>
  <p>second paragraph</p>
  <p>third paragraph</p>
</div>

0 commentaires

0
votes

Ceci est ma première fois en répondant à une question sur le débordement de la pile, venant maintenant à votre question la ligne de code ci-dessus que vous avez mentionnée sélectionnera tous les div avec classe .Content et attrape toutes les paragraphes de l'enfant (Ceux qui sont directement à l'intérieur du .Content DIV, s'il y a une autre div au sein de votre contenu DIV qui a des paragraphes qu'il ne les sélectionnera pas). Comme il n'ya pas de sélecteur PSEDU: premier enfant qui choisira le premier paragraphe de ceux-ci paragraphes choisis.

merci

0 commentaires

0
votes

Une étiquette à l'intérieur d'une balise est l'enfant de la balise il est dans. Par exemple dans ce code, tous les balises

code> sont des enfants du

  code > tag parce qu'ils sont à l'intérieur du  div  code>.  .Content> P: First-Child  Code> Sélectionne le premier enfant de la DIV avec une classe de contenu qui est une balise    code>. Dans ce cas, il s'agit de la balise  
  code> avec le texte du "paragraphe 1". 
  p> 


<div class="content">
  <p>paragraph 1</p>
  <p>paragraph 2</p>
  <p>paragraph 3</p>
</div>

0 commentaires

0
votes

.content > p:first-child
Selects first paragraph element (<p>) which is direct child of element with class name 'content'

0 commentaires