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

Question

如果我定义了一个样式

.style1
{
   width: 140px;
}

我能从第二种风格中引用它吗？

.style2
{
   ref: .style1;
}

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

---编辑

为了澄清这个问题,我试图将#x和#c定义的任何样式应用于.x和.c而不改变CSS,因为CSS将具有不受我控制的更新.

我使用宽度,但实际上风格会更复杂,指定了字体,边框和其他样式元素.

在将样式应用于类时,指定多个类名称确实有效,因此我将现有响应标记为答案,但我需要将样式应用于id并将其应用于类样式...如果没有任何意义.

Answer 1

使用CSS无法做到这一点 - 这是一个经常被请求的功能,但尚未包含在规范中.你也不能直接使用JS,但有一种hacky解决方法:

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

Answer 2

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

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

然后你的css将包括,例如:

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

编辑:实际上罗伯特的回答可能更接近你想要实现的方法

.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; }