Css : p+p

Résolu
le hollandais volant Messages postés 4998 Date d'inscription   Statut Membre Dernière intervention   -  
le hollandais volant Messages postés 4998 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour à tous, j'aimerais savoir ce qu'est le regroupement "p+p" en CSS?

Par exemple, ceci :

.one, .two {…}

appliquera le CSS à tous les balises de class one et de class two.

.one > .two {…}

appliquera le CSS à tous les balises de classe two dans les balises de class one…

Mais je sait pas ce qu'est par exemple
p+p {…}

ou
div+div {…}


en plus les recherches internet sont toutes restés vaines… (la recherche du "+" est impossible avec google par exemple)…

Si quelqu'un peux m'expliquer, j'en serait ravi^^

4 réponses

Rodolphe_ Messages postés 1498 Date d'inscription   Statut Membre Dernière intervention   285
 
c'est un sélecteur de frère adjacent.
A+B correspond à n'importe quel élément B qui suit immédiatement n'importe quel élément A

http://www.yoyodesign.org/doc/w3c/css2/selector.html
0
le hollandais volant Messages postés 4998 Date d'inscription   Statut Membre Dernière intervention   1 057
 
euh…
Donc si j'ai un div avec 5 <p> dedans,
<div>
  <p 1> un </p>
  <p 2> deux </p>
  <p 3> trois </p>
  <p 4> quatre </p>
  <p 5> cinq </p>
</div>
et si je fais :
div p1+p2 {…}
Le css sera appliqué uniquement au p2 mais seulement si le p1 est présent?

et si je fais
div p3+p {…}
ça n'affectera que le p4 (même si j'ai mis un "p" sans class dans le css?)
0
gryzzly Messages postés 4608 Date d'inscription   Statut Contributeur Dernière intervention   1 335
 
Absolument.

Et pour des rappels : http://acodingfool.typepad.com/blog/pdf/css_cheatsheet_v2.pdf
0
le hollandais volant Messages postés 4998 Date d'inscription   Statut Membre Dernière intervention   1 057
 
okok!

merci ;-)

Et merci pour le PDF^^ je voulais créer une page ainsi, mais ce n'est pas la peine^^"
0