C'est normal : les class passe après les IDs. Il faut refaire ton schéma DOM ou changer de stratégie

Bonjour
Je voudrais changer la couleur du li class="c" mais c'est tjrs le nav li a qui prends le dessus
Merci
Nadege

Que veux tu formater ? Et comment ?

<ul id="nav">
<li class="c ">
<a href="page_article.php?id=30">HISTO</a>
</li>
<li class="c ">
<a href="">Optique</a>
<ul class="sc" >
<li class="sc">
<a href="">optic 2000</a>
<ul class="sca" >
<li class="sca ">
<a href="page_article.php?id=31">optic 2001</a>
</li>
</ul>
</li>
<li class="sc">
<a href="">deuxieme ss cat</a>
<ul class="sca" >
<li class="sca ">
<a href="page_article.php?id=32">2eme ss cat article</a>
</li>
</ul>
</li>
</ul>
</li>
<li class=" current">
<a href="page_article.php?id=33">ANALYSE </a>
</li>
<li class="c ">
<a href="page_article.php?id=28">elec</a>
</li>
</ul>

#nav {

    height: 59px;

    float: right; 

    list-style-type: none;

    margin: 0;

    padding: 30px 120px 0 0;

	text-transform: uppercase;

	z-index:500;

  }



   #nav li { 

      float: left;

      margin: 0;		

	  width:127px;

      padding: 0 15px 0 0;

      text-decoration: none;

      list-style: none;

   }



   ul .a{

    display: block;

    margin: 0;

    padding: 0;

    width: 127px;

   }

   ul .sc{

    display: block;

    margin: 0;

    padding: 0;

    width: 127px;

   }

   li.sc,li.a,li.sca {

       position: relative;

       width: 127px;

   }
	li .current{
		background-color:#FFF;
		color:#9f4705;
	}
   #nav li a {

        background-color:#292e31;

        color: #FFF;

        font-size: 14px;

		font-weight:bold;

        display: block;

        height: 59px;

		text-decoration:none;

		padding: 10px 0 0 5px;

  }

   #nav li a:hover {

        background-color:#879096;

        color: #9f4705;

        font-size: 14px;

		font-weight:bold;

		text-decoration:none;

  }

Bonjour
Je sais que la question est bete mais je n'arrive pas à trouver. J'ai mon menu et je n'arrive pas à formater mes categories sous, catégories...
notamment la class current, a, c, sca
merci
Nadege
[html]<ul id="nav">
<li class="c ">
<a href="page_article.php?id=30">HISTO</a>
</li>
<li class="c ">
<a href="">Optique</a>
<ul class="sc" >
<li class="sc">
<a href="">optic 2000</a>
<ul class="sca" >
<li class="sca ">
<a href="page_article.php?id=31">optic 2001</a>
</li>
</ul>
</li>
<li class="sc">
<a href="">deuxieme ss cat</a>
<ul class="sca" >
<li class="sca ">
<a href="page_article.php?id=32">2eme ss cat article</a>
</li>
</ul>
</li>
</ul>
</li>
<li class=" current">
<a href="page_article.php?id=33">ANALYSE </a>
</li>
<li class="c ">
<a href="page_article.php?id=28">elec</a>
</li>
</ul>[/html]

[css]#nav {

height: 59px;

float: right;

list-style-type: none;

margin: 0;

padding: 30px 120px 0 0;

text-transform: uppercase;

z-index:500;

}



#nav li {

float: left;

margin: 0;

width:127px;

padding: 0 15px 0 0;

text-decoration: none;

list-style: none;

}



ul .a{

display: block;

margin: 0;

padding: 0;

width: 127px;

}

ul .sc{

display: block;

margin: 0;

padding: 0;

width: 127px;

}

li.sc,li.a,li.sca {

position: relative;

width: 127px;

}
li .current{
background-color:#FFF;
color:#9f4705;
}
#nav li a {

background-color:#292e31;

color: #FFF;

font-size: 14px;

font-weight:bold;

display: block;

height: 59px;

text-decoration:none;

padding: 10px 0 0 5px;

}

#nav li a:hover {

background-color:#879096;

color: #9f4705;

font-size: 14px;

font-weight:bold;

text-decoration:none;

}

[/css]