CSS中的嵌套CSS选择器

Question

有没有办法在css选择器中创建一个css组。

例如：

.SectionHeader
{
    include: .foo;
    include: .bar;
    include: .baz .theta .gamma .alpha .omega .pi .phi;
}

试着看看是否有办法在CSS级别而不是class =“。foo .bar .baz .theta .gamma .alpha .omega .pi .phi”标签内执行此操作。我必须在几个地方使用类的组合，并希望避免所有剪切和粘贴。

Answer 1

不，你不能在纯CSS中做到这一点。

有一些举措可以扩展CSS以允许这样的事情，但是很早就有谷歌有人展示了一些扩展语法在Chrome的开发版本中工作，但是它还需要一段时间才能上线，在有足够的跨浏览器支持实际有用之前，甚至更长时间。

同时，有许多CSS扩展产品可用于编写具有嵌套规则等的样式表。然后，您需要通过解析器运行样式表，然后将它们转换为“真正的”CSS把它们放在你的网站上，但这可能是你准备做出的妥协。

如果有，请查看SASS和Less等。

[编辑] 顺便说一句，我提到谷歌已经展示了一些扩展的CSS语法。这是关于它的博客文章的链接：http://www.xanthir.com/blog/b49w0

Answer 2

不，但正如您所说，您可以为元素分配多个类：

<div class="SectionHeader foo bar"></div>