使用CSS格式化特定label元素:我的写法是否正确?
你的CSS选择器不正确,原因及修正方案如下:
问题分析
目标标签所在的DOM结构中,.rmq-1aed09a9的直接子元素是<form>,而非<div>。你写的选择器.rmq-1aed09a9 div:nth-child(4)试图选中该类下的第4个直接div子元素,但实际上不存在这样的元素,因此无法匹配到目标label。
修正后的选择器
可以修正选择器路径,精准定位到目标label:
.rmq-1aed09a9 form > div > div > div:nth-child(4) > div label { font-weight: bold !important; background: yellow; font-size: 12px !important; }
额外说明
目标label本身带有内联样式(font-weight: 300; font-size: 16px;),内联样式优先级高于外部CSS,因此需要添加!important来强制覆盖这些属性(background没有内联样式,无需加)。
内容的提问来源于stack exchange,提问作者David Chan
相关产品推荐
相关产品推荐

