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:after{
//write the styles
}
.list-item:last-child {
&:after{
//write the styles
}
}
网友评论