28173 sujets

CSS et mise en forme, CSS3

Bonjour,

Y'a t-il un moyen pour faire une mise en forme particulière a un premier élément d'une liste avec les CSS ?
J'utilise une liste pour un menu de navigation, les liens et titres du menu de navigation sont récupérer via une boucle spip.

<div id="navbar1">
	<ul>
	<BOUCLE_navbar1(RUBRIQUES) {id_parent=9} {par num titre} {1,4}>
		<li>
			<a href="#URL_RUBRIQUE" title="[(#TITRE|supprimer_numero)]" [class="(#EXPOSE)"]>[(#TITRE|supprimer_numero)]</a>
		</li>
	</BOUCLE_navbar1>

	</ul>

</div>

Modifié par TomC (05 Feb 2008 - 12:31)
Je ne le connaissais pas celui la sauf que je le met ou dans mon css ?
Je l'ai mis au niveau des liens et ça ne fonctionne pas, tous les liens prennent la mise en forme spécifique.


#navbar1 ul li a:first-child,#navbar1 ul li a:link:first-child, #navbar ul li a:visited:first-child, #navbar1 ul li a:hover:first-child, #navbar ul li a.current:first-child {
color: #000;
padding-left: 20px;
line-height: 22px;
background: #8cb2d9 url(images/pastille1.gif) no-repeat 10px center;
text-decoration: none;
font-size: 13px;
font-weight: normal;
font-style: normal;
}


#navbar1 ul li a, #navbar1 ul li a:link, #navbar ul li a:visited, #navbar1 ul li a:hover, #navbar ul li a.current {
color: #000;
padding-left: 20px;
line-height: 22px;
background: url(images/pastille1.gif) no-repeat 10px center;
text-decoration: none;
font-size: 13px;
font-weight: normal;
font-style: normal;
}

Moi fatigué ça marche bien sur :


#navbar1 ul li:first-child a,#navbar1 ul li:first-child a:link, #navbar ul li:first-child a:visited, #navbar1 ul li:first-child a:hover, #navbar ul li:first-child a.current {
color: #000;
padding-left: 20px;
line-height: 22px;
background: #8cb2d9 url(images/pastille1.gif) no-repeat 10px center;
text-decoration: none;
font-size: 13px;
font-weight: normal;
font-style: normal;
}