Html 类的最特定CSS选择器

我有一个CSS类，我们称之为

myclass

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

动态添加到页面上的元素的。这很好，但当有更具体的选择器时，例如：

input[type='text']

，则使用它的

背景色

属性。现在，我需要编写更具体的选择器，尽管我不知道该类将添加到DOM中的哪个元素上，因此这将覆盖该元素上的所有其他选择器。也许我可以这样开始：

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

---

或者有更好的方法吗？

我建议你读一下。将其包装在（例如）ID上会增加该元素的优先级

#myid .myclass{ 
    background: green; 
} 

或者可以将.myclass指定给元素

div.myclass  {}

---

试试

.myclass{背景色：“绿色”！重要；}

我的答案与此相关：@JamesDonnelly，我不能使用ID，但重复css类选择器似乎很有趣，我会试试！这是错误的语法

background color:“green”

顺便说一句，它必须没有引号，而且这个工具非常有用-还有一个链接-正如我所说的，我不知道这个类将添加到哪个特定的DOM元素上，所以我不能使用父元素的id。你可以将它指定给一个set元素。如果使用div，则使用div.myclass