我有一些问题用css选择器来解决这个问题。我需要选择:
<li>
<a href="#">Asked to you</a>
</li>
使用nth-child选择器,但我没有能力添加类。你知道我怎么能做这个工作吗?在我用nth-child选择这个元素后,我需要在伪选择器之前添加:
我有这个代码
<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>
这是我的问题的解决方案。无论如何,谢谢你的检查。
.userAccountNavigation div:nth-of-type(2) ul li:nth-child(2):before {
content: 'x';
}
在你的例子中,这应该工作。
.userAccountNavigation .row:nth-child(2) li:nth-child(2)::before{
content: "->";
}