1
resposta

Classe para os itens da lista ou estilo para a lista toda?

Se em vez de criar uma classe para os itens da lista (repetindo a classe para cada item) eu tivesse colocado um estilo para toda a lista no CSS (genérica ou com id), não seria mais fácil? Qual o critério para a escolha de um ou outro método?

ul { font-style: italic }

1 resposta

Oi, Sergio, tudo bem?

Você pode estilizar sim pela tag ul não tem problema. Mas, precisa ver qual será essa estilização, pode ser que você esteja precisando estilizar algo que deve ser aplicado ao li e não ao ul.

Nesse exemplo que fiz abaixo, caso você precise estilizar o último link da lista de links em li, como no exemplo, em que coloquei para ele ficar com a cor vermelha com a ajuda de seletores avançando do css :last-child (você será apresentado mais a frente na formação), só poderia fazer isso com uma classe específica para as li.

<style>
      .nav-bar {
        color: blue;
      }
      .nav-item:last-child {
        color: red;
      }
    </style>
    <header>
      <nav>
        <ul class="nav-bar">
          <li class="nav-item"><a>Home</a></li>
          <li class="nav-item"><a>Contato</a></li>
          <li class="nav-item"><a>Sobre</a></li>
        </ul>
      </nav>

Então, é interessante sim ter uma classe específica para as li caso precise estilizar especificamente.

Se ficou alguma dúvida é só falar :}