如何在CSS文件里加入变量

html-css014

如何在CSS文件里加入变量,第1张

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

不能写成 backgroundposition，应该是 background-position ,然后值的话你要注意，是两个 水平方向 和 垂直方向，如果您仅定义了一个值，那么第二个值将是"center"。

代码应为： $(this).parent().css("background-position", 0+parseInt($pos) + "px")

还有 $ 符号是定义jquery对象的，变量的话 就没有必要了吧。

CSS变量定义通过在变量名前加 var- 前缀实现，引用时使用 var() 获取变量值。例如：

:root {

var-companyblue: #369

var-lighterblue: powderblue

}

h1 {

color: var(companyblue)

}

h2 {

color: var(lighterblue)

}