有没有办法使用CSS或javascript从另一个CSS样式中引用现有的CSS样式？

Question

如果我定义了一个样式

.style1
{
   width: 140px;
}

我可以从另一种样式中引用它吗？

.style2
{
   ref: .style1;
}

或者有没有办法通过javascript/jQuery？

-编辑

为了澄清这个问题，我尝试将为#x和#c定义的任何样式应用于.x和.c，而不改变CSS，因为CSS将有超出我控制范围的更新。

我使用了宽度，但实际上样式会更复杂，需要指定字体、边框和其他样式元素。

当样式应用于类时，指定多个类名确实有效，因此我将现有响应标记为答案，但我需要将应用于id的样式也应用于类样式……如果这有任何意义的话。

Answer 1

使用CSS无法做到这一点--这是一个经常被请求的特性，但还没有包含在规范中。你也不能直接用JS来做这件事，但是有一种老生常谈的变通方法：

$('.style2').addClass ('style1');

Answer 2

您可以通过允许元素继承多个样式来实现相同的功能。例如。

<p class="style1 style2">stuff</p>

然后你的css将包括，例如：

.style1 {width:140px;}
.style2 {height:140px;}

编辑:实际上，robert的答案可能更接近您正在尝试实现的方法

.style1, .style2 {width: 140px;}
.style2 {height: 140px;}

<p class="style2">i will have both width and height applied</p>

Answer 3

以下是对多个块使用相同代码的一种方法：

 .style1, .style2 { width: 140px; }