gpt4 book ai didi

html - 无法覆盖第 nth-child 中设置的样式

转载 作者:行者123 更新时间:2023-11-28 04:16:20 25 4
gpt4 key购买 nike

<分区>

所以,我偶然发现了一个奇怪的 CSS 行为试图覆盖 nth-child

考虑下面的例子

li:nth-child(2n+1){
color: red;
font-weight:normal;
}

.hmm{
color:green;
font-weight:bold;
}
<ul>
<li class="hmm">HMM</li>
<li>test</li>
<li class="hmm">HMM</li>
<li class="hmm">HMM</li>
<li>test</li>
</ul>

问题是,为什么 .hmm{...} 声明不覆盖 li:nth-child 声明?

也就是说,为什么不是所有的 HMM 都变成粗体绿色?我错过了什么或做错了什么?

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com