Должен ли я добавлять класс/идентификатор ко всему или использовать другие селекторы

Я никогда не уверен, какой лучший (наиболее эффективный )способ выбора элемента.

Допустим, у меня есть следующий макет (чрезвычайно простой пример)

<div id="navigation">
  <ul>
    <li>Link 1</li>
    <li>Link 2</li>
    <li>Link 3</li>
  </ul>
</div>
  1. Я хочу выбрать свой неупорядоченный список (, гарантирующий, что я не повлияю на другие UL на моем сайте ), должен ли я сделать #navigation ul {}или назначить класс UL?
  2. Я хочу выбрать элементы списка, опять же гарантируя, что я влияю только на них. Должен ли я сделать navigation ul li{}или назначить класс?
  3. И, наконец, если я хочу выбрать свою первую ссылку и стилизовать ее, должен ли я сделать #navigation ul li:first-child {}или назначить класс?

Я понимаю, что эти вопросы почти одинаковы, но мне любопытно, когда вы должны использовать класс, а когда нет.

10
задан ScottS 26 July 2012 в 14:29
поделиться