html - 类的最具体的 CSS 选择器

Question

我有一个 CSS 类，我们称它为 myclass

.myclass {
  background-color: 'green';
}

正在动态添加到页面上的元素。这很好用，但是当有更具体的选择器时，例如: input[type='text'] ，它的 background-color 属性被使用。现在，我需要编写更具体的选择器，尽管我不知道此类将添加到 DOM 中的哪个元素上，这样会覆盖该元素上的所有其他选择器。也许我可以从这样的事情开始:

html body .myclass {
   background-color: 'green';
}

或者有更好的方法？

Answer 1

我建议阅读有关 selector specificity 的内容.将它包裹在一个(例如)ID 周围会增加该元素的优先级。

#myid .myclass{ 
    background: green; 
} 

或者您可以为元素指定 .myclass。

div.myclass  {}