CSS优化，提取常见部分？

Question

以下css样式：

#div a {color:red}
#div li {width:100px}
#div span {font-size:10px}

有没有办法将上述规则写入

#div{
a {color:red}
li {width:100px}
span {font-size:10px}
}

所以只需要编写#div一次并轻松删除或模块化不同区域的网页

Answer 1

你听说过“少”（http://lesscss.org/）这可以为你做这些事。

少了你的风格代码就是你上面写的。

Answer 2

不，你不能用纯CSS来做。

Answer 3

现在使用CSS（浏览器不支持这种类型的syntex）是不可能的，但作为开发人员，可以使用 LESS 或 {{3} } （它们是最常见的）。

LESS使用动态行为扩展CSS，例如变量，mixins，操作和函数。

SASS是CSS3的扩展，添加了嵌套规则，变量，mixins，选择器继承等。它使用命令行工具或web框架插件转换为格式良好的标准CSS。

您还可以比较两个 SASS 。

Answer 4

有一种方法可以做到这一点，但不是纯粹的CSS。作为替代方案，您可以使用：

• LESS
• Sass

网络上有更多的超集，但LESS和Sass可能是最常见的。

语法以您要求的方式嵌套，并与本机css兼容。