CSS стили со стрелкой в пути

Admin CSS

Чем отличаются стили CSS, когда указаны стрелки и без них.

Сравним два варианта стилей:

.main ul.navigation > .active > a {}
.main ul.navigation .active a {}

Стили в первой форме применяются конкретно к элементу a, который идет непосредственно в той очередности, в которой указано в стилях.

Например:

<div class="main">
    <ul class="navigation">
        <a href="">
            <li>

            </li>
        </a>
    </ul>
</div>

Во втором варинате стили применятся ко всем a внутри navigation, даже если между navigation и a будут промежуточные элементы:

<div class="main">
    <ul class="navigation">
        <li>
          <span>
            <a href="">

            </a>
          </span>
        </li>
    </ul>
</div>

На сайте отсутствует реклама! Значете почему?

Помогать людям - моё хобби. А навыки разработчика позволяют не парится нулевой монетизизацией этого сайта. Хотя...

Если вам помогла информация, то даже от доната в 40 рублей мне будет приятно. Докину немного, куплю латте в макдаке, вспомню за чей счет банкет и карма вам зачтется!

Но и просто оставленный комментарий благодарности ниже принесет мне улыбку радости :)

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

Добавить комментарий

Напишите свой комментарий, если вам есть что добавить/поправить/спросить по теме текущей статьи:
"CSS стили со стрелкой в пути"