本篇内容主要讲解“css里能不能用var变量”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“css里能不能用var变量”吧!

成都创新互联公司专注于企业成都全网营销推广、网站重做改版、玉山网站定制设计、自适应品牌网站建设、html5、商城网站开发、集团公司官网建设、成都外贸网站建设、高端网站制作、响应式网页设计等建站业务，价格优惠性价比高，为玉山等各大城市提供网站开发制作服务。

css里面能用var变量；可以利用var()函数来插入css变量的值，css变量可以访问DOM，也可以利用该函数来读取变量，语法为“var(变量名, value)”，第二个参数的值可用于表示变量的默认值。

本教程操作环境：windows10系统、CSS3&&HTML5版本、Dell G3电脑。

css里面能用var变量吗

var() 函数用于插入自定义的属性值，如果一个属性值在多处被使用，该方法就很有用。

var() 函数用于插入 CSS 变量的值。

CSS 变量可以访问 DOM，这意味着您可以创建具有局部或全局范围的变量，使用 JavaScript 来修改变量，以及基于媒体查询来修改变量。

使用 CSS 变量的一种好方法涉及设计的颜色。您可以将它们放在变量中，而不必一遍又一遍地复制和粘贴相同的颜色。

var() 函数的语法如下：

var(name, value)

name 必需。变量名（以两条破折号开头）。

value 可选。回退值（在未找到变量时使用）。

var() 如何工作

首先：CSS 变量可以有全局或局部作用域。

全局变量可以在整个文档中进行访问/使用，而局部变量只能在声明它的选择器内部使用。

如需创建具有全局作用域的变量，请在 :root 选择器中声明它。 :root 选择器匹配文档的根元素。

如需创建具有局部作用域的变量，请在将要使用它的选择器中声明它。

下面的例子与上面的例子相同，但是在这里我们使用 var() 函数。

首先，我们声明两个全局变量（--blue 和 --white）。然后，我们使用 var() 函数稍后在样式表中插入变量的值：

实例

使用 var() 函数

  
Welcome to Shanghai!
  
Shanghai is one of the four direct-administered municipalities of the People's Republic of China.
  
Shanghai is one of the four direct-administered municipalities of the People's Republic of China.
  

    Yes
    No