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

时间:2011-09-11 22:18:37

标签: css class css3 properties

我正在使用许多大型可互换样式表。我需要使用其中一个类的边框颜色作为div的边框。有问题的类有很多属性,我只想要边框。 有没有办法用CSS做到这一点?如果它能很好地降级,我会对CSS3解决方案感到满意。

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

莱尔

更新:我担心不可能,为什么CSS3没有为此提供解决方案?正如我所说,我正在使用一些大型可互换的样式表,重新分解的建议根本不可行,它们本身不仅是一项大工作,而且具有深远的影响:(我只是必须使用JQuery。

JQuery解决方案(JQuery.css不喜欢简写,如border或border-color):

  

var border = $('。class')。css('border-top-color');

     

$('div')。css('border-color',border);

2 个答案:

答案 0 :(得分:2)

除非你改变CSS声明的工作方式,否则这在CSS中是不可能的。

例如:

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

...和HTML:

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

或者:

.class1 {
    background: green;
}
.class2 {
    border: 1px solid red;
}

...然后在你的HTML中:

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

答案 1 :(得分:2)

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

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