在CSS类中包装ID？

我对CSS比较陌生,想知道它是否有可能“包装”ID,所以你不必一遍又一遍地重复它们？

即

#home
{
some stuff
}

#home .header {
some stuff
}

#home .sub_header {
some stuff
}

是否可以“包装”.header和.sub_header所以我不必一直重复#home？即这样的东西,所以ID可以集体包装类？

#home
{
some stuff
}

@#home [

.header {
some stuff
}

.sub_header {
some stuff
}
]

解决方法

好问题！我害怕本机CSS是不可能的.没有真正的捷径可走.

如果您使用大量CSS,则有预编译器允许您使用增强的表示法,并将其转换为动态CSS.

举个例子

> xCSS它可以nest child elements.
>然后是LESS,它是用Ruby编写的,所以你需要安装(据我所知,我还没有自己使用它)但它非常适合在任何环境下编辑CSS.检查首页上的“嵌套规则”部分.

如果您刚刚开始使用CSS,您可能希望首先坚持使用本机符号.但是,当它变得非常乏味时,这些工具是一个很好的帮助.