Как получить доступ к header > nav > ul > li > ul > li > a?

Question

[Lord_North]

Привет. Не могу получить доступ к тегу а:

<header>
     <nav class="dropdown">
          <ul class="dropdown-items">
               <li>
                    <ul class="menu-items">
                         <li class="pcv1">
                              <a class="25w">Help me</a>
                         </li>
                    </ul>
               </li>
          </ul>
     </nav>
</header>

Извините за такой нелепый вопрос. Но не понимаю почему оно не работает:

.dropdown .dropdown-items li .menu-items .pcv1 .25w {background:red}

Буду благодарен за любую помощь. Ну да, можно задать id для тега a, - но все же...

Comments

[scottparker]

проблема с именем класса 25w, не используй цифру первым символом

[Lord_North]

scottparker, Ваш ответ мне помог, спасибо)

Answer 1

[approximate solution]

.dropdown .dropdown-items li .menu-items .pcv1 .25w

Когда пишите стили, старайтесь не делать вложение больше двух.

.dropdown
   .dropdown-items
   .menu-items
   .pcv1

Легче создать дополнительный класс, и потом не пыхтеть с такими вопросами и переопределением стилей.

Answer 2

[Tp0yaH]

Основное правило нейминга - имя переменной\класса\объекта и т.д. НЕ МОЖЕТ начинаться с цифры.
<a class="w25">Help me</a> решит проблему.