使用php解析器改进和简化css

Question

我想以几种方式改进css语法,例如:

• 定义变量
  link-color1 = #fff
• 数学计算
  width:500-3-2 这看起来很愚蠢,但有变量:
  width: container - inner - 3px;
• 风格延伸
  #foo{background:#ddd;color:#eee;} #bar {@extend: #foo;color:#fff;}
• 跨浏览器功能
  -moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;取代
  border-radius:3px;

这些只是我的想法的例子,但图书馆可以是不同的

我正在寻找一个解析一个sytax类似于css的文件的php库,并生成一个有效的css文档.

这很重要,我不想将php sytax插入到我的css文件中,因为:

• PHP看起来复杂而丑陋
  #foo {color:<?php echo $color1; ?>;}
• Notepad ++完全混淆了.我也是

---

SASS是离线工作的非常好的解决方案,但我仍然在寻找PHP解决方案,因为:

• 改进的css文件可供其他开发人员使用,以便他们可以修改和测试它.对于更大的社区,在服务器上使用的php-parser是一种更简单的方法.
• PHP也可以通过基于文件修改日期和哈希码的简单修订系统来节省资源.

---

这是我写的一个例子: php解析器 at/css/index.php

用法:

@color1: #1a1a1a;
@color2: #444444;

div#container {background:@color1;}
div#inner {background:@color2;}

HTML链接:

<link rel="stylesheet" type="text/css" href="/css/?main.css" />

这仅适用于颜色.我需要一个解析器来列出所选的选项.

Answer 1

尝试SASS.它支持变量,数学计算,样式继承和许多其他功能.它没有在PHP中实现,但它生成静态文件.