一个类的最具体的 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  {}