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它可以nest child elements。
然后是LESS，它是用Ruby编写的，所以你需要安装它（据我所知，我还没有自己使用它），但它非常适合在任何环境下编辑CSS。检查首页上的“嵌套规则”部分。

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

Answer 2

不幸的是，这在CSS中是不可能的，但是你可以使用LessCSS之类的CSS生成器实现这一点，它们有自己的语法并具有嵌套和变量等功能。

Answer 3

另一个优秀的 CSS框架是 CSS Scaffold

CSS Scaffold由PHP提供支持，易于使用

如果您没有编写大型网站的代码，我仍会推荐普通css

Answer 4