时髦的css预处理器该死
CleverCSS的Python项目详细描述
clevercss是一种受python启发的css小型标记语言,可以使用 以干净和结构化的方式构建样式表。在很多方面都比较干净 比CSS2更强大。
css最明显的区别在于语法:它是基于缩进的,并且 不是平的。虽然这显然违背了python禅,但它仍然是 结构风格的好主意。
坚果壳
要了解clevercss的工作原理,可以在下面看到一个小例子。注意 基于缩进的语法以及如何嵌套规则:
ul#comments, ol#comments: margin: 0 padding: 0 li: padding: 0.4em margin: 0.8em 0 0.8em h3: font-size: 1.2em p: padding: 0.3em p.meta: text-align: right color: #ddd
当然,在css中也可以这样做,但是由于它的扁平性 代码看起来会更详细。下面这段代码是最聪明的 上述文件的输出:
ul#comments, ol#comments { margin: 0; padding: 0; } ul#comments li, ol#comments li { padding: 0.4em; margin: 0.8em 0 0.8em; } ul#comments li h3, ol#comments li h3 { font-size: 1.2em; } ul#comments li p, ol#comments li p { padding: 0.3em; } ul#comments li p.meta, ol#comments li p.meta { text-align: right; color: #dddddd; }
但这只是你能用聪明做的一个小例子。看一看 在下面的clevercss文档中了解更多细节。