Une syntaxe que je ne comprends pas dans une page d'aide

Bonjour.

En page http://www.alsacreations.com/tuto/lire/610-Mise-en-page-CSS-avancee-grace-a-la-propriete-display.html, je trouve la codification suivante :

p {display:table-cell; width:130px; padding:10px}
	
:first-child {text-align:right}
:first-child + p {text-align:justify}
p+p+p {vertical-align:bottom}

Je ne comprends pas du tout les trois dernières lignes.

Et je n'ai pas réussi à trouver une explication...

Merci de m'éclairer, au besoin en me renvoyant vers une page où serait déjà l'explication...

Bonjour,

La référence, en anglais:
http://www.w3.org/TR/CSS2/selector.html (avec tableau récapitulatif)

Un article en français:
http://www.floatthatbox.com/articles/selecteurs-css-21-partie-1.php (avec, tiens donc, un tableau récapitulatif)

Il s'agit de selecteur CSS .

:first-child correspond au premier element enfant d'un conteneur
:first-child + p , correspond au premier paragraph suivant le premier element de son conteneur .

p +p + p , selectionne tous les paragraphes preceder de deux paragraphes .


Pour le premier , la regle sera appliqué si l'element n'est pas formaté comme un element de type inline.

GC
<edit display="grillé" />
Modifié par gc-nomade (20 Mar 2010 - 21:09)

Merci à tous les deux, Florent et GC-Nomade !

Je ne mourrai pas trop idiot (et en plus, ça peut m'être utile un de ces 4) !

Vu que les sélecteurs CSS 2.1 sont implémentés dans tous les navigateurs à l'exception de Papy IE6, il devient urgent pour les intégrateurs web de maitriser ces sélecteurs.