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;
}