Joomla меню стиля первого ребенка

Question

У меня есть меню:

<li id="current" class="selected parent item556">
<a href="#">Parent</a>
<ul>
    <li class="item557">
        <a href="#">Child</a>
    </li>
    <li class="item558">
        <a href="#">Child</a>
    </li>
</ul>
</li>

И я хочу стилизовать только родительский элемент "a", но он также стилизует все дочерние элементы, так как они находятся под родительским "li".Я попробовал что-то вроде:

li#current a:first-child{
color: #F2F2F2;
}

Не сработало, как мне стилировать только родительский "а"?

Answer 1

Вы можете использовать непосредственный дочерний оператор > для нацеливания на ссылку (т.е. только ссылки непосредственно в элементе li):

li#current > a

Answer 2

Попробуйте: li#current a:first-of-type, чтобы получить первый a

Или вы можете попробовать: li#current:nth-child(1), чтобы получить первого ребенка