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
?
.logo
tem especificar que se refere ao elemento dentro do.menu
e usar algo como:.menu .logo