Css div组中最后一个子级的内容

我会尽量说清楚，但我自己也很困惑，所以如果我说不清楚，我会提前道歉

我有一份面包屑菜单，看起来像这样

<div class="move">
  <div class="group col-md-2" style="padding:0;">
    <ul class="nav nav-tabs header" style="margin-top:5em;">
        <li><a>Corporate</a> </li>
    </ul>
</div>
<div class="group col-md-2" style="padding:0;">
    <ul class="nav nav-tabs header" style="margin-top:5em;">
        <li class='active'><a>Corporate</a> </li>
    </ul>
</div>

<div class="group col-md-2" style="padding:0;">
    <ul class="nav nav-tabs header" style="margin-top:5em;">
        <li><a>Corporate</a> </li>
    </ul>
</div>

<div class="group col-md-2" style="padding:0;">
    <ul class="nav nav-tabs header" style="margin-top:5em;">
        <li><a>Corporate</a> </li>
    </ul>
</div>

我试过了

 .move .nav-tabs > li:last-child:after{
   content:' ';
 }

 .move .nav-tabs > li:after:last-child{
   content:' ';
 }

.move .nav-tabs:last-child{
  content:' ';
 }

请注意，我不能修改html来添加类或更改它，以减少div。这就是我被赋予的工作。再次感谢您的帮助

---

JSFIDLE最简单的方法是在li标记上放置一个不想显示箭头的id，如：

<div class="group col-md-2" style="padding:0;">
    <ul class="nav nav-tabs header" style="margin-top:5em;">
        <li id="noAfterContent"><a>Corporate</a> </li>
    </ul>
</div>

使用

演示：

---

---

与大多数CSS3选择器一样，.

你能把你的HTML和CSS代码放在一起吗？你如何在HTML类

中使用locationsMove

？@KheemaPandey刚刚在上面发布了一个是的，我在你的代码中没有看到div.locationsMove，所以…@KheemaPandey在处理上面我在帖子中所说的事情时犯了一个错误，我无法向html中添加任何内容。我的错误是：尝试以下操作：'.move.group:last child.nav tabs>li:after{content:''；}'出于某种原因，即使它在小提琴中工作，我也无法在实际代码中工作。不，一点也不。一切都是一样的，这就是为什么我如此困惑/沮丧的原因。

.move

中会有更多的孩子吗？您可以尝试将

：last child

更改为

。group:last child

。尝试以下操作：

。move.group:last child.nav tabs>li:after{content:''；}

中的子项是.group div，它是一个动态列表，因此可以有很多，这就是我试图使：last child起作用的原因。我试过了。小组：最后一个孩子也是，但也不想工作。

<div class="group col-md-2" style="padding:0;">
    <ul class="nav nav-tabs header" style="margin-top:5em;">
        <li id="noAfterContent"><a>Corporate</a> </li>
    </ul>
</div>

#noAfterContent:after{
 content:'';
}

.move > :last-child > .nav-tabs > li:after {
    content:' ';
}