Class 仅将CSS类中的一个属性应用于元素

Class 仅将CSS类中的一个属性应用于元素,class,css,properties,Class,Css,Properties,我正在处理一些大型的可互换样式表。我需要使用其中一个类的边框颜色作为div的边框。该类有许多属性,我只需要边框。 有没有办法用CSS来实现这一点?如果CSS3解决方案性能下降得很好,我会很高兴的 当然我可以用JS来做,我知道如何使用JQuery。但我希望避免这种情况 莱尔 更新:我担心这不可能,为什么CSS3没有提供解决方案呢?正如我所说的,我正在处理许多大型的可互换样式表,重新分解建议根本不可行,它们本身不仅是一项庞大的工作,而且具有深远的影响:我只需要使用JQuery就可以了 JQuery解

我正在处理一些大型的可互换样式表。我需要使用其中一个类的边框颜色作为div的边框。该类有许多属性,我只需要边框。 有没有办法用CSS来实现这一点?如果CSS3解决方案性能下降得很好,我会很高兴的

当然我可以用JS来做,我知道如何使用JQuery。但我希望避免这种情况

莱尔

更新:我担心这不可能,为什么CSS3没有提供解决方案呢?正如我所说的,我正在处理许多大型的可互换样式表,重新分解建议根本不可行,它们本身不仅是一项庞大的工作,而且具有深远的影响:我只需要使用JQuery就可以了

JQuery解决方案JQuery.css不喜欢速记,比如边框或边框颜色:

var border=$'.class'.css'border-top-color'

$'div'.css'border-color',border


这仅仅在CSS中是不可能的,除非您改变CSS声明的工作方式

例如:

.class1 {
    background: green;
}
.class1, .class2 {
    border: 1px solid red;
}
…和HTML:

<div class="class1"></div>
<div class="class2"></div>
…然后在HTML中:

<div class="class1 class2"></div>
<div class="class2"></div>

这仅仅在CSS中是不可能的,除非您改变CSS声明的工作方式

例如:

.class1 {
    background: green;
}
.class1, .class2 {
    border: 1px solid red;
}
…和HTML:

<div class="class1"></div>
<div class="class2"></div>
…然后在HTML中:

<div class="class1 class2"></div>
<div class="class2"></div>

没有。尝试重构样式表。可以向一个元素添加多个类

<div id="mydiv" class="borders black"></div>

没有。尝试重构样式表。可以向一个元素添加多个类

<div id="mydiv" class="borders black"></div>