I have a menu listing and would like to know the most correct way to declare in HTML + CSS.
HTML looks like this:
<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>
As for CSS, I'd like some hint.
Of course, I could put a class in every li
and leave it any way I want, but I do not know if it would be ideal, I'd like to save code.
CSS looks like this:
ul.menu li{
font-family: "nexa_boldregular";
font-size: 12pt;
text-transform: uppercase;
color: #1d1d1b;
display: inline;
margin-right: 35px;
}
For example, if I wanted to style some li
into specific, I'd have to assign a class to it, right? Like I did in logo
. The ideal in CSS would be like?
.logo
, li.logo
, ul.menu>li.logo
?