Зачем для всего задавать класс?

Question

[asdasdqwe]

Первый вариант

<nav class="navbar">
   <ul class="navbar__list">
        <li class="navbar__item">
              <a class="navbar__link" href="#">About</a>
         </li>
    </ul>
</nav>

Второй вариант

<nav class="navbar">
     <ul>
           <li>
              <a href="#">About</a>
            </li>
      </ul>
</nav>

Зачем, по принципу БЭМ, надо для всех елементов указывать класс, мы же можем стилизовать просто вот так:

.navbar ul li a {
   color: #fff;
}

Вместо

.navbar__link {
   color: #fff;
}

Comments

[SuperToster]

В вашем nav.navbar может появиться ещё один маркированный список, которому понадобятся другие стили, а он подхватит стили которые у вас указаны для "просто вот так".

Масштабируемость, большие проекты и все такое.

[Ankhena]

Вам нужно подробно почитать как браузер обрабатывает селекторы.
.navbar ul li a
в этом случае ему придется найти все ссылки на странице, затем пойти от каждой вверх по дереву и проверить есть ли родитель li, затем лежит ли это всё в ul и снова все найденные проверить лежат ли они в .navbar

Вместо того, чтобы просто и сразу взять элементы с нужным классом .navbar__link

И все остальные аргументы про специфичность и переиспользование.