Выбор ребенка

Question

У меня возникли некоторые проблемы, чтобы решить эту проблему с помощью селектора CSS. Мне нужно выбрать:

<li>
<a href="#">Asked to you</a>
</li>

с использованием селекторов nth-child, но у меня нет возможности добавлять классы. Ты хоть представляешь, как я могу заставить это работать? После того, как я выбрал этот элемент с nth-child, мне нужно добавить: before псевдо-селектор к нему.

У меня есть этот код

<div class="userAccountNavigation"> 
<div class="row">
    <div class="large-3 small-3 column userProfileImage">
        <img src="#" alt="" class="profile-image">
    </div>
    <div class="large-9 small-9 column">
        <ul class="side-nav">
          <li>
             <a href="#">Profile</a>        
          </li>
          <li id="editProfile">
             <a href="#">Edit Profile</a>
          </li>
        </ul>
    </div>
</div>
<div class="row">
    <div class="large-12 small-6 columns">
        <ul class="side-nav">
          <li>
             <a href="#">Activity Feed</a>
          </li>
          <li>
             <a href="#">Asked to you</a>
          </li>
          <li class="active">
             <a href="#">Following</a>
          </li>
        </ul>
    </div>
</div>
<div class="row">
    <div class="large-12 small-6 columns">
        <ul class="side-nav">
          <li class="">
             <a href="#">Questions</a>
             <span class="total">1</span>
          </li>
          <li class="">
             <a href="#">Answers</a>
             <span class="total">0</span>
          </li>
       </ul>
    </div>
</div>
</div>

Answer 1

В вашем примере это должно работать.

.userAccountNavigation .row:nth-child(2) li:nth-child(2)::before{
  content: "->";
}

https://codepen.io/Pamz/pen/wEqLgw

Answer 2

Вот решение моей проблемы. Спасибо за проверку в любом случае.

.userAccountNavigation div:nth-of-type(2) ul li:nth-child(2):before {
content: 'x';
}