我对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,您可能希望首先坚持使用本机符号.但是,当它变得非常乏味时,这些工具是一个很好的帮助.
