Skip to main content
1 de 2
Felipe Viero Goulart
  • 3,8mil
  • 17
  • 73
  • 106

Declaração correta no CSS de listagem de menu

Tenho uma listagem de menu e gostaria de saber a forma mais correta de declarar no HTML+CSS.

O HTML está assim:

<ul class="menu">
    <li>Home</li>
    <li>Empresa</li>
    <li>Produtos</li>
    <li>Blog</li>
    <li class="logo"></li>
    <li>Onde Comprar</li>
    <li>Assistência</li>
    <li>Contato</li>
</ul>

Quanto ao CSS, eu gostaria de alguma dica. Claro, eu poderia colocar uma classe em cada li e deixar do jeito que eu quiser, mas não sei se seria o ideal, gostaria de economizar código.

O CSS está assim:

ul.menu li{
    font-family: "nexa_boldregular";
    font-size: 12pt;
    text-transform: uppercase;
    color: #1d1d1b;
    display: inline;
    margin-right: 35px;
}

Por exemplo, se eu quiser estilizar alguma li em especifico, teria que atribuir uma classe à ela, certo? Como fiz na logo. O ideal no CSS, seria como?

.logo, li.logo, ul.menu>li.logo ou apenas .logo?

Felipe Viero Goulart
  • 3,8mil
  • 17
  • 73
  • 106