类

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  {}