是否可以从CSS类中仅检索单个属性？

Question

示例CSS文件：

.testClass {
color: black;
background: red; }

现在在HTML文件中，我希望有类似

的内容

<span class="testClass:color">Text in black but without red background</span>

仅应用该类的color属性。

有办法做到这一点吗？

它背后的目的（人们问自己“为什么他想要那个，这不是干净的CSS使用！”）是我使用jQuery UI主题，我希望整个页面适应主题更改。由于并非所有类型的元素（例如链接的颜色）都被这些主题所覆盖，在这些情况下，我想“窃取”jQuery UI主题的其他CSS类的颜色属性（但不是更多）。如果有另一种方法可以做到这一点，我当然也很高兴听到它！

Answer 1

不，你不能。 但您可以按如下方式覆盖该属性

<span class="testClass" style="background:none; ">
      Text in black but without red background
 </span>

OR

.testClass {
color: black;
background: red;
}

.testClassNoBack {
background: none;
}

<span class="testClass testClassNoBack" >
      Text in black but without red background
 </span>

Answer 2

当然可以使用js和一些创造力来完成，但使用document.styleSheets及其各自的规则here需要一些时间。但我不推荐它，因为document.styleSheets的规则因浏览器而异。 Salil的解决方案更清洁，我会说css方式在某种程度上更快。

Answer 3

不，你不能。你应该为那种情况创建一个新类。