Может ли кто-нибудь объяснить мне, почему знак CSS > (прямой дочерний элемент) переопределяет цвет по умолчанию для всех тегов <li>
в этом примере:
ul > li {
color:red;
}
<ul>
<li>This should be red
<ol>
<li>default color 1</li>
<li>default color 2</li>
</ol>
</li>
<li>And this should be red also
<ol>
<li>default color 3</li>
<li>default color 4</li>
</ol>
</li>
</ul>