CSS em lista não ordenadas

[Creedence 1]

Boa noite !

 

Queria tirar uma duvida:

Se eu tenho uma lista não ordenada com uma sublista não ordenada, como eu trato cada uma separadamente no css.

Ex:

 

<nav id="menu">

<ul>

<li>Clientes</li>

<ul>

<li>Novo Cliente</li>

<li>Novo Contato</li>

<li>Novo Atendimento</li>

</ul>

<li>Contas a Receber</li>

<li>Contas a Pagar</li>

</ul>

</nav>

 

No CSS eu vou tratar o menu como:

 

#menu {

 

}

 

Mas pra que eu trate apenas a sublista de Clientes, como me refiro no CSS ?

 

#menu ul li ul {

 

}

 

Ou tenho que identificar esse grupo de sublista com um ID ?

 

Obrigado,

 

Marcos

 

 

 

 

[L. Henrique 179]

Seria interessante você organizar essas sublistas com classes. Veja um exemplo:

<ul class="lista">
   <li><a href="">Item 1</a>
   <li><a href="">Item 2</a>
   <li class="dropdown"><a href="">Sublista</a>
      <ul class="sublista">
         <li><a href="">Item sublista 1</a></li>
         <li><a href="">Item sublista 2</a></li>
      </ul>
   </li>
</ul>

Dessa forma você pode ter quantas sublistas (trate isso como Dropdown, fica mais fácil de pesquisar no futuro possíveis soluções) você quiser e elas sempre vão ter um layout diferente da lista.

Depois é só tratar no CSS da seguinte forma:

.lista li a {
   ...
}

.sublista li a {
   ...
}

Boa sorte e bons estudos!

[Creedence 1]

L. Henrique,

 

Muito obrigado.

Vou seguir nessa linha e testar.

 

Valeu !

 

Marcos