代码之家 › 专栏 › 技术社区 › Kurru

我能把两种以上的风格结合成一种超级风格吗?

styles class css

2

Kurru · 技术社区 · 15 年前

我希望将两种风格结合在一起,以形成一种超级风格,便于使用和自定义我的页面。

这样的定义有可能吗?(如果是这样的话)

.bold { font-weight: bold;}
.color1 {color: white;}

.boldColor {.bold; .color1;}

where .boldColor is effectively

.boldColor {font-weight:bold; color:white;}

我想要这个,这样我就可以在页面上有自己的风格,并且可以很容易地在一个地方改变很多地方的颜色。我正在使用 <p class="bold color"> 但是我班上的一些同学已经变长了,所以我想用 <p class="boldColor">

谢谢

5 回复 | 直到 15 年前

1

6

TM. Randy Simon 15 年前

你不能完全按照你的要求去做,但是你可以通过使用逗号来分隔多个共享相同属性的css选择器来获得相似的效果。

.bold, .boldColor {
    font-weight: bold;
}

.color1, .boldColor {
    color: white;
}

这种方式 class="boldColor" 将具有与 class="color1 bold" .

2

3

Pekka 15 年前

这是不可能使用正常的css。您通常会这样做,正如您已经说过的,通过组合类名: bold color

有些css“预编译器”可以在css样式表上执行高级操作,比如处理变量。我不知道有什么能像你所要求的那样进行“类融合”,但我相信它们会有助于减少代码大小。退房 LESS 和 xCSS ,例如。

3

0

anddoutoi 15 年前

不,css规范不支持这个。

4

0

Dustin Laine 15 年前

不,你不能这样做。你目前的工作方式是理想的。

5

0

erikkallen 15 年前

退房 LessCss ( .NET version )