我们可以使用CSS变量吗

　　所有关于**近终于可以使用CSS网格的讨论都让我想到：我现在可以使用其他惊人的CSS函数了吗CSS一个变量就在我脑海中浮现。这是我听说过CSS变量之后的事情，它为前端开发增加了一个全新的工具和思维方式，这让我兴奋了一段时间。在CSS变量综述中CSS变量组合出现了几年，但似乎并没有得到广泛应用。随着预处理器如SASS的走红，前端开发已经痒了很久。

　　我**个兴奋的CSS变量是2014年左右，之后他们就沉浸在我的兴趣中。我正在考虑把它们带到生产现场，我将向您展示它们的简单易用性。变量声明

　　声明的自定义属性非常简单：我们只需要创建所需的属性，并在其开头添加两个破折号。这些可以宣布不加入他们：根似乎是一个很好的方式在目前。

　　我的可重复使用价值：20px；

　　访问变量

　　使用属性非常简单。我们已经访问了var（）的功能和性能，我们声明上面。

　　Filler:var（-我的可重用值）；

　　这不简单吗

　　CSS变量直接使用，易于记忆。使用CSS变量（像大多数CSS）**大的挑战是知道使用它们的正确时间和地点。落地是创建凌乱样式表的安全方法，这些变量可能会变得更难调试。

　　使用适当的使用情况和策略应该被考虑，这是你的大部分精力应该集中。

　　一个有趣的用例响应模块：

　　在下面的示例中，我将向您展示如何构建我当前使用的基本变量响应组件SASS。然后我将向您展示如何使用预处理器变量CSS进行改进。这是一个特定的用例，不适用于各种使用变量的方法。CSS变量的不同用法。

　　SASS

　　见笔CSS变量ndash；响应应用示例中没有CSS变量，该变量被亚当middot休斯（ldquoCodePen。

　　使用SASS时，我尝试了几种不同的方法。我经常使用的版本是将媒体查询放在要更改的CSS块中。在这里，我可以使用一个变量standardCSS来混合或扩展修改后的元素，而不会分散组件的样式。

　　问题是有多个媒体查询和一个相关但不多的变量。我可以使用映射变量来提供更多的组织，但我认为主要的问题是我们使用一种多变量来定义属性。只是感觉不对。

　　SASS变量用于推进时间，这意味着我们必须计划好要使用它们的每个方面。它们使开发更容易，但在技术上对超级大国是不可用的任何新。

　　CSS救市变数

　　见penCSSndash；响应变量的使用由亚当middot休斯（ldquoCodePen。

　　CSS变量在需要声明之前是动态的。这在另一个方面很有用。我们现在可以有条件地将变量从任何地方（如媒体查询）更改为特定上下文。

　　通过对媒体查询的方法，可以减少模型中分散的媒体查询响应量。它还提供了一个很好的干净的方法来查看不同格式的一般间距和字体样式。

　　我认为敏感的设计主题是CSS变量，两个很好的用例，但是有很多可能性。

　　它与SASS变量CSS有什么不同

　　变量SASS和变量CSS是两种不同的野兽，每个野兽都有自己的pro和antiSASS变量，可以有更好的性能

　　由于SASS的普及和绿色蔬菜的编程性质的提高，深入的组织模式也随着时间的推移而演变。我特别喜欢萨斯将类似类型的变量组合到地图中的映射。颜色、大小和快捷方式似乎是流行的选择，包括地图。

　　因为CSS变量的**佳实践没有演变成相对较小的使用。地图和数组不能以相同的方式组织。这些新的组织模式需要在CSS中创新，以不同的方式解决问题，以动态方式改变萨斯CSS变量

　　CSS变量由浏览器在运行时动态处理，而不是在变量写入中使用的CSS。

　　这是CSS变量的核心卖点。它将看到人们如何使用这个特性，以及它是否会随着时间的推移满足其潜在的兴趣。

　　CSS是标准浏览器功能

　　在我看来，我们可以做的事情更多；emgt；网页标签/emgt书信电报；emgt；吞咽/emgt和lt；emgt；任何新现在是lt/emgt更好。有一些有趣的新浏览器特性，这意味着我们不需要编译JavaScript框架，以使其感觉像开发人员是必不可少的。我敢猜测前端开发高比以某种或那样的方式使用变量，所以每个人都应该使用这个核心特性。这意味着与整个网络的一致性相比，构建步骤（我认为这些天我们都可以一致认为这是巨大的）。支持是什么样的

　　支持性明显好，有一个显著例外：IE11。大多数现代浏览器都支持CSS变量，但存在许多缺陷。

　　78.11%这是高比CSS网格（写入时），但IE11支持可能存在问题。

　　那么我们可以使用CSS变量吗

　　我认为现在是时候IE11支持不会再好了，我们从上一个版本Windows中知道，升级需要一些人很长时间。但是现代浏览器的支持是非常好的，我们应该寻找CSS变量和实验可能性。

　　这并不意味着我们不应该忘记我们的责任，尽管旧浏览器支持它。使用支持标签的基本备份系统，甚至是多填充，即使您的网站实际使用了更多的旧浏览器，也应该考虑使用旧浏览器。