2 replies to this topic

[Kuni Siri]

Estou tendo problemas com uma classe que estou aplicando e as definições dela estão sendo ignoradas tanto pelo ff quanto pelo ie. a Classe sub deve ser aplicada aos sub itens do menu. Seguem os respectivos códigos.

[codebox]<div id="menu">
<ul>
<li><a href="#">Menu 1.0</a></li>
<li class="sub"><a href="#">Menu 1.1</a></li>
<li><a href="#">Menu 2.0</a></li>
<li class="sub"><a href="#">Menu 2.1</a></li>
</ul>
</div>[/codebox]
[codebox]#menu {
width:100%;
padding: 0 0 1em 0;
margin-bottom: 1em;
font-family:'Trebuchet MS', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
background-color: #adf;
color: #333;
}
#menu ul {
list-style: none;
margin: 0;
padding: 0;
border: none;
}
#menu li {
border-bottom: 1px solid #adf;
margin:0;
}

#menu li a {
display: block;
padding: 5px 5px 5px 0.5em;
border-left: 10px solid #15497B;
border-right: 10px solid #508fc4;
background-color: #2175bc;
color: #fff;
text-decoration: none;
width: 100%;
}
html>body #menu li a {
width: auto;
}
#menu li a:hover, #menu li a:focus {
border-left: 10px solid #185595;
border-right: 10px solid #5ba3e0;
background-color: #2586d7;
color: #fff;
}
.sub a {
text-indent:14px;
border-left: 10px solid #185595;
border-right: 10px solid #5ba3e0;
}[/codebox]

[Andreia Regina]

Tente definir como li.sub, caso não funcione, volte a postar.

[bimonti]

Para o elemento herdar as propriedades dos elementos parent, você tem que fazer a declaração completa, como citou a Andréia:

#menu ul li.sub a{

}