如何赋予 CSS 类优先于 id 的优先级?

2023-12-05

我有一个这样的元素:

#idname{
  border: 2px solid black;
}

.classname{
  border: 2px solid gray;
}
<div id = "idname" class="classname">it is a test</div>

我想给予它的 CSS 类更大的优先级,而不是它的 CSS id。是否可以?(换句话说,我想设置gray- 颜色作为它的border)


不使用!important因为这是最糟糕的解决方案,如果你想改变样式那就这样做。

#idname{
  border: 2px solid black;
}

#idname.classname {
  border: 2px solid gray;
}
<div id = "idname" class="classname">it is a test</div>

如果您还想将该类定位到其他元素classname而且不仅是#idname然后使用:

#idname.classname, .classname {
  border: 2px solid gray;
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何赋予 CSS 类优先于 id 的优先级? 的相关文章

随机推荐