Всем привет, учусь верстать на scss и встал вопрос, а возможно ли сделать правило только для тех элементов которые имеют вложенный селектор?
Например:
<ul>
<li><span><a href="#">About</a></span></li>
<li><i class="icon-menu icon-position-left"></i><span><a href="#">How it works</a></span>
<ul>
<li><span><a href="#">Installation</a></span></li>
<li><span><a href="#">Features</a></span></li>
<li><span><a href="#">Updates</a></span></li>
<li><span><a href="#">Tutorials</a></span></li>
</ul>
</li>
<li><span><a href="#">Stories</a></span></li>
</ul>
Сейчас имеется такой код (хотелось бы и по нему услшать конструктивную критику)
https://codepen.io/anon/pen/qXWeRO
Можно заметить, что дропдаун для второго li срабатывает на любом li, как это можно исправить?