Discussion :

[pierrot10]

Bonjour,

J'aimerais savoir si un peu appliquer du CSS sur des paragraphes (sans classe) mais uniquement ceux qui précèdent une liste

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 
<p>Salut</p>
<p>Je ne veux pas de margin-bttom uniqumenet sur ce paragraphe</p>
<ul>
<li>pourquoi?</li>
<li>ben c'est comme ca</li>
<li>;)</li>
</ul>
<p>Par contre ici, le paragraphe s'applique normalement</p>

Si je pouvais éviter le jquery...

Milles mercis pour vos lumières

[pierrot10]

est-ce que

Code CSS :

Sélectionner tout - Visualiser dans une fenêtre à part

p:last-child

S'applique sur le dernier de la chaine de paragraphe, ou le dernier de container parent?

[NoSmoking]

Bonjour,
le C de CSS signifie cascade et à ce titre on descend dans l'arbre du DOM mais on ne le remonte pas, du moins à ce jour, peut être que le CSS4 nous apportera une solution.

Tu peux néanmoins, si cela te convient, utiliser une marge négative pour un élément <ul> qui suit directement un élément <p>.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 p + ul {
   margin-top: -1em;  /* par exemple */
 }