结构伪类选择器设定元素样式失效问题
选择器设定样式失效场景
解决办法
css
正确写法:
.msg-item:nth-last-child(2) {
border-bottom: none !important;
}
错误写法:
.msg-item:last-child {
border-bottom: none !important;
}
原因分析
.msg-item:nth-last-child(2) 选择的是其父元素下倒数第二个子元素msg-item;
.msg-item:last-child 选择的是其父元素下最后一个子元素msg-item;-----------------实际上并无这个元素
复习知识参考阅读:css选择器伪类选择器