How to access header > nav > ul > li > ul > li > a?

Question

css

Hello. Can't access tag a:

<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>

Sorry for such a stupid question. But I don't understand why it doesn't work:

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

I will be grateful for any help. Well, yes, you can set an id for the a tag, but still...

Answer 1

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

When writing styles, try not to nest more than two.

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

It's easier to create an additional class, and then not chug with such questions and redefining styles.