Nigdy nie jestem pewien, jaki jest najlepszy (najbardziej wydajny) sposób wyboru elementu.

Powiedzmy, że mam następujący układ (bardzo prosty przykład)

<div id="navigation">
  <ul>
    <li>Link 1</li>
    <li>Link 2</li>
    <li>Link 3</li>
  </ul>
</div>

Chcę wybrać moją nieuporządkowaną listę (upewniając się, że nie mam wpływu na inne UL w mojej witrynie), czy powinienem#navigation ul {} lub przypisać klasę do UL?Chcę wybrać elementy listy, ponownie upewniając się, że dotyczą one tylko tych elementów. Czy powinnamnavigation ul li{} lub przypisać klasę?I wreszcie, jeśli chcę wybrać mój pierwszy link i nadać mu styl, powinienem to zrobić#navigation ul li:first-child {} lub przypisać klasę?

Doceniam, że te pytania są prawie takie same, ale jestem ciekawy, kiedy powinieneś używać klasy, a kiedy nie.