css怎么选择非第一个子元素?

Question

<div class="header-logo-app">
  <a href="index.html" class="header-logo"></a>
  <a  href="#" class="header-icon header-icon-1"><i class="icon iconfont icon-bars"></i></a>
  <a href="#" class="header-icon header-icon-2"><i class="fa fas fa-user-headset"></i>撒大幅</a>
  <a href="#" class="header-icon header-icon-4"><i class="icon iconfont icon-kefu3"></i>客服</a>
</div>

.header-logo-app i:not(:first-child){    color: #FFFFFF !important;    height: 20px;    width: 20px;    line-height: 20px;    text-align: center;    border-radius: 35px;
}

我用这个，怎么不好使呢？

Answer 1

应该绑定在a标签上

Answer 2

理解错了，i:first-child表示只要某个<i>是它父元素的第一个元素，就会被选择。你这里<i>的父元素是<a>，所有<i>都是<a>的第一个子元素，i:first-child选中了所有的i，所以i:not(:first-child)一个都没选中。如果你所有<i>在同一个<a>（父元素）里，i:not(:first-child)就对了