css中同时使用多个伪元素和伪类

1、例如需要使用：.list-item::after
同时也要使用：.list-item:last-child

那么需要把最后一个对象的after覆盖掉的话可以这么操作：

.list-item:last-child::after{
    //write the styles
}

或者第二个方法：

.list-item:last-child {
      &:after{
            //write the styles
      }
}

2、有一种情况，例如像上面的last-child，我们就必须要写默认的情况，和最后一个子元素的情况，其实我们可以用 :not()来处理

.list-item:not(:last-child) {
    &:after{
    }
}

或者：

      .list-item:not(:last-child)::after{
        //styles
      }

否则我们可能需要：

.list-item:after{
            //write the styles
}
.list-item:last-child {
      &:after{
            //write the styles
      }
}