Sélection de première ligne [Résolu]

Bonjour !

J'ai des difficultés à comprendre comment fonctionne la sélection des éléments...

Je cherche à mettre en gras la première ligne de chaque paragraphe d'une div d'id "article" :
p#article:first-line {
font-weight:bold;
}

Je tente donc d'utiliser le pseudo-élément first-line de tous les éléments p inclus dans la div d'id #article...

Il semble que je me sois emmêlé les pinceaux quelque part...

Merci !
Modifié par yakou32 (14 Jan 2007 - 13:35)

Salut,

Si j'ai bien compris ton cas,
tu dois avoir un code html qui ressemble à çà :

<div id="article">
<p>blabla blablabla bla...</p>
</div>

Lorsque tu utilise la sélection comme dans l'exemple que tu donne :

p#article:first-line {
font-weight:bold;
}

Tu sélectionne la première ligne d'un paragraphe portant un identifiant "article".
Or toi tu veux sélectionner la première ligne d'un paragraphe se trouvant dans une div portant l'identifiant "article"
Pour celà, il faut que tu appelle la sélection par le code suivant :

#article p:first-line {
font-weight:bold;
}

Pour mieux comprendre le fonctionnement des sélecteurs, je t'invite à consulter le site yoyodesign.org notamment le paragraphe appelé par ce lien, qui spécifie toutes les possibilités de choix des sélecteurs.

Salut,

Tout comme Mikachu, je te conseille d'approfondir ta connaissance des sélecteurs.
Je me permets de rajouter ce lien : Comprendre l'héritage et la parenté des styles CSS

Bonne lecture

ok !

Merci beaucoup. ça répond exactement à mes besoins !

N'oublie pas de classer le sujet comme [résolu] alors