在CSS类中包装ID?

前端之家收集整理的这篇文章主要介绍了在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,您可能希望首先坚持使用本机符号.但是,当它变得非常乏味时,这些工具是一个很好的帮助.

猜你在找的CSS相关文章