:root {
var-companyblue: #369
var-lighterblue: powderblue
}
h1 {
color: var(companyblue)
}
h2 {
color: var(lighterblue)
}
如何在CSS文件里加入变量:这个技巧说来很简单。我们让Apache把任何stylesheet重定向到一个指定的PHP脚本。该脚本会一行行读取stylesheet的内容,找到并替换任何用户自定义的变量,最终会重新生成一个CSS样式表。浏览器不会发觉到有什么地方不同。在后面,我们会讨论如何缓存生成的最终结果避免加大CPU的负载。