Menú - añadir 1 estilo más..

[thymon]

Buenas, me gustaria saber si alguien podría ayudarme con el siguiente menú, miren queria aplicar un estilo css diferente a los <li></li> en los cuales se indica "subsecciónX" pero no se como hacerlo.. ya que ya tienen un estilo aplicado del resto del menú. Solo quería destacar esas subsecciones de algun modo.. aclarandolas o algo parecido.. pero nose como agregarle otro estilo.. espero que alguien pueda ayudarme.. le estaré muy muy agradecido.

Gracias! :D


Código HTML.

<ul id="dos">
<li><a href="#"><strong>SECCION</strong></a></li>
<li><a href="#"><strong>SECCION</strong></a></li>
<li><a href="#">subseccion1</a></li>
<li><a href="#">subseccion2</a></li>
<li><a href="#">subseccion3</a></li>
<li><a href="#">subseccion4</a></li>
<li><a href="#">subseccion5</a></li>
<li><a href="#"><strong>SECCION</strong></a> </li>
<li><a href="#"><strong>SECCION</strong></a> </li>
<li><a href="#"><strong>SECCION</strong></a> </li>
</ul>


Miren este el el codigo css que lleva el menú.

ul#dos {
list-style:none;
margin:0;
padding:0;
}
ul#dos li {
margin:2px;
padding:0;
float:left;
}
ul#dos li a {
display:block;
width:150px;
padding:4px 0;
padding-left:4px;
text-decoration:none;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#000000;
background-color:#FFFFFF;
border-left:10px solid #666666;
filter: alpha(opacity=70); opacity: .7;
}
ul#dos li a:hover {
color:#ffffff;
background-color:#0A5FBC;
border-left-color:#000000;
}

[JavierB]

Hola thymon

Creo que sería más sencillo darle un estilo a todo y cambiar a las no subsecciones. Prueba este ejemplo con tu lista:

Código:

#dos li a {color:red}
#dos li strong {color: black}

Saludos,

[thymon]

WaW! mil gracias por la rapidez en tu respuesta y otras tantas por haberte interesado en mi post :D!.

He estado probando lo que me dijiste y las subseccione perfecto, pero ahora.. el resto de secciones del menú no me coje el atributo color#FFF que le indiqué para el hover ;_ sabes xke? :S

gracias de nuevo. :)!

[JavierB]

Hola de nuevo.

Pon otra vez tu Css, con las modificaciones que ha hayas hecho, para que podamos probar.

Saludos,

[thymon]

Hola de nuevo JavierB, aquí te dejo el codigo (html & css) ke estoy utilizando..

Gracias de nuevo sr.moderata :D

CODIGO HTML

<ul id="dos">
<li><a href="index.html"><strong>CATEGORIA</strong></a></li>
<li><ahref="descripcion.html"><strong>CATEGORIA</strong></a></li>
<li class="sbmenu"><a href="descripcion.html" class="Estilo6">Subcat</a></li>
<li class="sbmenu"><a href="descripcion.html" class="Estilo6">Subcat</a></li>
<li class="sbmenu"><a href="descripcion.html" class="Estilo6">Subcat</a></li>
<li class="sbmenu"><a href="descripcion.html" class="Estilo6">Subcat</a></li>
<li class="sbmenu"><a href="descripcion.html" class="Estilo6">Subcat</a></li>
<li><a href="galeria.html">CATEGORIA</a> </li>
<li><a href="localizacion.html"><strong>CATEGORIA</strong></a> </li>
<li><a href="contacto.html"><strong>CATEGORIA</strong></a> </li>
</ul>
</div>


CSS

ul#dos {
list-style:none;
margin:0;
padding:0;
}
ul#dos li {
margin:2px;
padding:0;
float:left;
}
ul#dos li a {
display:block;
width:150px;
padding:4px 0;
padding-left:4px;
text-decoration:none;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#000000;
background-color:#FFFFFF;
border-left:10px solid #666666;
filter: alpha(opacity=70); opacity: .7;
}
ul#dos li a:hover {
color:#ffffff;
background-color:#0A5FBC;
border-left-color:#000000;
}
ul#dos li a {color:#333333}
ul#dos li strong {color:#000000}