CSS中的嵌套CSS选择器

CSS中的嵌套CSS选择器,css,css-selectors,Css,Css Selectors,有没有办法在css选择器中创建css组 例如: 尝试看看是否有一种方法可以在CSS级别而不是在类=.foo.bar.baz.theta.gamma.alpha.omega.pi.phi标记内部实现这一点。我必须在一些地方使用类的组合,并希望避免所有的剪切和粘贴操作。否,但正如您所述,您可以为一个元素指定多个类: <div class="SectionHeader foo bar"></div> 不,从目前的情况看,在纯CSS中无法做到这一点 有一些扩展CSS的举措正在进

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

例如:


尝试看看是否有一种方法可以在CSS级别而不是在类=.foo.bar.baz.theta.gamma.alpha.omega.pi.phi标记内部实现这一点。我必须在一些地方使用类的组合,并希望避免所有的剪切和粘贴操作。

否,但正如您所述,您可以为一个元素指定多个类:

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

不,从目前的情况看,在纯CSS中无法做到这一点

有一些扩展CSS的举措正在进行中,以允许类似的事情,但谷歌已经在开发版本的Chrome中演示了一些扩展语法,这还为时尚早,但它要投入使用还需要一段时间,甚至更长的时间才能有足够的跨浏览器支持来真正发挥作用

与此同时,还有许多CSS扩展产品可供使用,它们允许您编写带有嵌套规则的样式表,等等。在将样式表放到站点之前,您需要通过解析器运行样式表,将其转换为真正的CSS,但这可能是您准备做出的妥协

如果是这样的话,请查看,以及其他

[编辑]
顺便说一下,我提到谷歌已经展示了一些扩展的CSS语法。这里有一个关于它的博客帖子链接:

感谢你朝着正确的方向努力。这两个图书馆看起来都很棒,而且都在做大量的阅读工作。到目前为止,SASS正在获胜,这主要是由于它与Compass的集成以及总体上更广泛的采用。如果你问我,我认为SASS的组件应该是CSS的默认实现。@MindWire-正如我所说的,谷歌正在推动将其中一些功能标准化为CSS,以他们目前的发展速度,我想你应该期望在一年内看到其中一些出现在Chrome上。但要在足够多的浏览器中被认为是可用的,还需要很长时间。我将编辑答案以链接到相关文章。请参阅拟议CSS3草案的相关部分:这不是CSS的一部分;它目前是一项提案。
<div class="SectionHeader foo bar"></div>