Question

让我们说这是我的CSS文件。

.redText{
 color:#FF0000;
}

p{
 font-weight:bold;
}

我的目标是让所有段落都有粗体和红色文字。显然我可以在p规则中再次重写颜色声明，但是在更大的CSS文件中会出现问题。

我所追求的是一种语法，它允许我在相同的CSS文件中将redText类应用于 p规则（也就是说，我不在＆lt; p class =“之后） redText otherClass“＆gt; blah＆lt; / p＆gt;），而不是类似的东西

p{
 font-weight:bold;
 .redText;
}

可能的？

Answer 1

我不认为使用纯CSS可以做到这一点。这就是为什么有CSS processors这样的LESS {{3}}可以让你准确写出你想要的东西。这是一个直接来自LESS网站的例子：

.rounded_corners (@radius: 5px) {
  -moz-border-radius: @radius;
  -webkit-border-radius: @radius;
  border-radius: @radius;
}

#header {
  .rounded_corners;
}

当然，使用处理器时，您无法再直接使用源样式表。

Answer 2

不可能。

你可以：

将规则集中的共享属性值与组选择器（和重复选择器）放在一起
重复的属性值
使所有适用的元素与两者的选择器匹配（这在“我有两个带有类选择器的规则集并且希望它们都应用于答案，因此class="foo bar"）<的用例中更常见/ LI>
用另一种语言编写样式并将其转换为CSS（例如LESS）

应用CSS类声明

2 个答案: