28220 sujets

CSS et mise en forme, CSS3

Bonjour

<div id="menu">
  <ul>
   <li>a</li>
   <li>
     <ul>
        <li>b</li>
        <li>c</li>
     </ul>
   </li>
 </ul>
</div>


Voilà je cherche à appliquer du code CSS que sur "<li>a</li>", en fait je ne veux pas que les propriétés du 1er <li> affecte celle du <ul>.

Comment faire ca ? Est ce que c'est possible ?

Merci
Modifié par alien7 (23 Jan 2006 - 19:12)
Avec les sélecteur enfant :

ul > li { ... }


Mais ça ne passe pas sous les vieux navigateurs (IE6 le plus récent de ces vieux navigateurs !)

tu peux essayer ça aussi :

ul li { ... }
ul li ul li { /* rétablissement des propriétés normales */ }
Avec un id sinon :

<div id="menu">

	<ul>
	
			<li id="mon_li_a">a</li>
			<li>
				<ul>
						<li>b</li>
						<li>c</li>
				</ul>
			</li>
			
	</ul>
	 
</div>


++
Non avec un "id" ca serait trop long, en fait y'en a plus que ca de <li>, là j'avais juste donné un exemple, sinon je vais reinistialiser comme a dit Olivier

ul li { ... }

ul li ul li { /* rétablissement des propriétés normales */ }

Modifié par alien7 (23 Jan 2006 - 16:01)