Почему применяю стили к одному классу, а стиль применяется совсем к другому классу?
Разъясните пожалуйста. Ни как не могу понять, почему применяю стили к одному классу, а стиль применяется совсем к другому классу! Может быть есть ресурс или статья или видео о том в какой очередности или последовательности применять CSS правила к HTML разметке.
<header class="main-header">
<nav class="main-nav">
<a class="logo" href="#">
<img src="img/empty.svg" width="70" height="30" alt="Логотип студии пилатеса">
</a>
<ul class="site-navigation">
<li class="site-navigation-item">
<a href="#">О нас</a>
</li>
<li class="site-navigation-item">
<a href="#">Расписание</a>
</li>
<li class="site-navigation-item">
<a href="#">Стоимость</a>
</li>
<li class="site-navigation-item">
<a href="#">Отзывы</a>
</li>
</ul>
</nav>
+7 918 365 07 07
</header>