作者：小编106 | 来源：互联网 | 2022-12-23 01:33
所以,我偶然发现了一个奇怪的CSS行为试图覆盖nth-child
请考虑以下示例
li:nth-child(2n+1){
color: red;
font-weight:normal;
}
.hmm{
color:green;
font-weight:bold;
}
问题是,为什么.hmm{...}声明不会覆盖li:nth-child声明？
也就是说,为什么所有HMM都不会变成大胆的绿色？我错过了什么或做错了什么？
1> amit77309..：
这是因为 特殊性.像更一般的规则将被更具体的规则所覆盖.li:nth-child比具体更具体.hmm.所以只需.hmm通过添加来增加特异性li.hmm
li:nth-child(2n+1){
color: red;
font-weight:normal;
}
li.hmm{
color:green;
font-weight:bold;
}
京公网安备 11010802041100号