在CSS类中包装ID？

Question

我对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
}
]

Answer 1

很好的问题！恐怕原生 CSS 不可能做到这一点。没有真正的捷径可走。

如果您使用大量 CSS，可以使用预编译器使用增强符号，并将其即时转换为 CSS。

有例如

• xCSS它可以嵌套子元素。

• 然后是LESS，它是用 Ruby 编写的，所以你需要安装它（据我所知，我自己还没有使用过它），但它非常适合在任何环境中编辑 CSS。检查首页上的“嵌套规则”部分。

如果您刚刚开始使用 CSS，您可能想首先坚持使用本机符号。但当事情变得非常乏味时，这些工具就会提供很大的帮助。