是否可以从CSS类中仅检索单个属性?
CSS文件示例:是否可以从CSS类中仅检索单个属性?,css,jquery-ui,Css,Jquery Ui,CSS文件示例: .testClass { color: black; background: red; } 现在在一个HTML文件中,我想要 <span class="testClass:color">Text in black but without red background</span> 文本为黑色,但没有红色背景 仅应用该类的颜色属性 有办法做到这一点吗 它背后的目的(对于那些自问“他为什么要这样做,这不是干净的CSS用法!”的人来说)是我使用jQuer
.testClass {
color: black;
background: red; }
现在在一个HTML文件中,我想要
<span class="testClass:color">Text in black but without red background</span>
文本为黑色,但没有红色背景
仅应用该类的颜色属性
有办法做到这一点吗
它背后的目的(对于那些自问“他为什么要这样做,这不是干净的CSS用法!”的人来说)是我使用jQueryUI主题,并且我希望整个页面在发生变化时适合一个主题。由于并非所有类型的元素(例如链接的颜色)都包含在这些主题中,因此在这些情况下,我想“窃取”jqueryui主题的其他CSS类的color属性(但不是更多)。如果有别的办法,我当然也很高兴听到 不,你不能。您应该为这种情况创建一个新类。不,您不能。 但是您可以如下重写该属性
<span class="testClass" style="background:none; ">
Text in black but without red background
</span>
黑色文本,但没有红色背景
或
.testClass{
颜色:黑色;
背景:红色;
}
.testClassNoBack{
背景:无;
}
黑色文本,但没有红色背景
当然可以使用js和一些创造性来完成,但是使用document.styleSheets
及其相应的规则需要一些时间。但是我不推荐它,因为document.styleSheets
的规则因浏览器而异。Salil的解决方案更干净,我想说css方式在某种程度上更快。@nabizan-因为它不能?如果CSS和HTML不允许它工作,那么它就不能工作。除非你能想出一些javascript方法,但我怀疑它是否能验证。@all:伙计们,我只是想知道,怎么会有程序员说什么事情都不能做。。。每个问题都可以解决,只要运用你的想象力,一些创造力和善意。。。例如,看看realshadows的回答谢谢,我还没想到呢!
.testClass {
color: black;
background: red;
}
.testClassNoBack {
background: none;
}
<span class="testClass testClassNoBack" >
Text in black but without red background
</span>