Чем отличаются стили CSS, когда указаны стрелки и без них.
Сравним два варианта стилей:
.main ul.navigation > .active > a {}
.main ul.navigation .active a {}
.main ul.navigation .active a {}
Стили в первой форме применяются конкретно к элементу a, который идет непосредственно в той очередности, в которой указано в стилях.
Например:
<div class="main">
<ul class="navigation">
<a href="">
<li>
</li>
</a>
</ul>
</div>
<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>
<ul class="navigation">
<li>
<span>
<a href="">
</a>
</span>
</li>
</ul>
</div>
