包装ID的CSS类？

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中是不可能的，但是您可以使用CSS生成器（如LessCSS）来实现此功能，这些生成器具有自己的语法并具有嵌套和变量等功能。

Answer 3

另一个伟大的CSS框架是CSS Scaffold

CSS支架是由PHP供电，使用方便

• 允许深选择筑巢
• 常数
• 自定义混入（可重复使用的作品的CSS代码）
• 实现网格创建框架
• 已经解析css文件缓存生产（+缩小）

如果没有编码大网站，我仍然会推荐普通css

Answer 4

如果您使用PHP，请考虑使用lessphp（http://leafo.net/lessphp/docs/）或http://www.symfony-project.org/plugins/sfLessPhpPlugin for symfony