CSS中的函数

随着Css不断的发展和变革，Css语言也想其它的编程语言一样，具备了变量、逻辑操作和函数等特性，虽然都很是基础，但却是在变化在进步.

 

Css中的函数不像其他功能模块有自己独立的规范，但是他真的存在于Css中，而且平常中也有使用Css函数，就拿Css中最早的函数之一calc()来说吧，如果赋值给width那么是用来指定宽度的值，但是如果给border-width 那么就是用来指定边框的粗细，赋值不同的对象不同，代表的作用也是不同的。

 

CSS的函数有着其自身的特征，简单地说，CSS中带有小括()的一般会被认为是CSS的函数。在CSS中使用()的地方主要有CSS选择器和CSS属性值。比如：

 

 

虽然CSS不能创建自己的函数（自定义函数），也不能具备复杂的逻辑能力，但CSS函数也具备一些简单的逻辑处理能力。比如上图中的:not()选择器（也称为函数），就可以过滤掉.active的类名。

 

CSS函数主要服务于CSS的选择器和属性，它有着一个最基本的特性，那就是带有一个小括号()标记符，在括号内可以放置值（参数）。

 

时至今日，W3C规范中并没有一份独立的规范来描述CSS函数，但这些函数的确存在，并且散落在不同的功能模块中

 

 

 

上图中的函数大部分都有档可查，W3C规范对其做出详细的描述。其中有很多是我们熟悉的，比如伪类选择器函数、渐变函数、颜色函数、滤镜函数等，当然也有我们不太熟悉（甚至从未见过的）函数，比如数学函数和其他函数所列的。