我有一个 CSS 类,我们称它为 myclass
.myclass {
background-color: 'green';
}
正在动态添加到页面上的元素。这很好用,但是当有更具体的选择器时,例如: input[type='text']
,它的 background-color
属性被使用。现在,我需要编写更具体的选择器,尽管我不知道此类将添加到 DOM 中的哪个元素上,这样会覆盖该元素上的所有其他选择器。也许我可以从这样的事情开始:
html body .myclass {
background-color: 'green';
}
或者有更好的方法?
最佳答案
我建议阅读有关 selector specificity 的内容.将它包裹在一个(例如)ID 周围会增加该元素的优先级。
#myid .myclass{
background: green;
}
或者您可以为元素指定 .myclass。
div.myclass {}
关于html - 类的最具体的 CSS 选择器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30150064/