时髦的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文档中了解更多细节。

欢迎加入QQ群-->: 979659372 Python中文网_新手群

推荐PyPI第三方库


热门话题
在收到远程通知时对iBeacon进行java扫描   尝试在Java中实现MD5哈希的算法   java getLastLocation最近有多久了?   java线程创建侦听器   swing Java JComboBox接受ArrayList,但不显示ArrayList的项   构建服务器上的java XML验证速度较慢   Tomcat无法识别java中的更改(Intellij配置)   java 5中引入泛型的原因   java意图。Android中的额外_流   for循环Java直接遍历数组而不是数组变量   java内部类中的两个声明构造函数   java试图使用子文本字段在JPanel上设置边框   java如何允许在Android WebView中进行条带签出?   在Java中,如何将数字从一个类转移到另一个类?   从任务栏关闭浏览器时的java会话   java有没有一种自动化的方法来确保代码的所有部分都经过单元测试?   2DArrays Java编码查找数组