这篇博文是分享我对CSS变量（即自定义CSS属性）的发现https://developer.mozilla.org/en-US/docs/Web/CSS/使用自定义属性

不是。它们在2012年左右由W3C发起，在2016年左右逐渐获得不同浏览器的支持。在这里了解更多。

啊哼。。我很无知（也很懒惰），对此一无所知。

好吧，返利app开发，你看……我是在参加SAP Teched 2019班加罗尔举办的"UX102–SAPUI5和UI5 Web组件演进的好处"会议时了解到这一点的。你也可以在网上看它。

你的意思是，看到它在行动？好的，云服务器设备，我将在这篇博文中展示两个例子。

第一个是在SAPUI5自由式应用程序中使用CSS变量，下一个是了解UI5 web组件示例应用程序中CSS变量的用法。

请看下面第一个用例的演示。

好吧，你可能已经注意到我在应用程序中使用了"代码编辑器"控件。它与sapui5sdk文档中提供的示例应用程序的副本相同。请参阅此处的工作代码存储库。

注意：在使用"代码编辑器"控件时，对暗主题使用自定义逻辑是没有意义的，因为该控件提供了开箱即用的"主题"属性。但是我选择这个控件只是为了说明这个概念（当然也很有趣）。

所以本质上它就像过程语言和javascript中的程序变量一样工作，我们可以根据需要更改自定义css属性值。最重要的优点是重复的css样式的可维护性和可读性得到了提高。

现在对于第二种情况，优惠券返利，酷的ui5web组件非常广泛地使用css变量。我只想在这里分享一个小例子。

和我一样懒惰，没有创建一个新的应用程序，只是开始使用UI5 web组件的"React"示例应用程序。我打开应用程序，在Chrome浏览器中观察了应用于开发者工具中元素的CSS。

主要观察：

–-ui5复选框\u复选标记\u颜色属性的颜色。

3。进一步的研究表明它是从另一个CSS变量sapUiSelected继承的。因此，大数据问题，更改开发者工具中的值"-sapUiSelected"会更改应用程序中的颜色。

这只是为了表明css变量的重用和级联与其他样式属性一样工作。

结论

随着浏览器开始支持css变量，我们了解了如何在ui5freestyle和ui5web组件应用程序中使用CSS变量。它们可以提高web应用中CSS的重用性、可维护性（可读性）。

，大数据前景如何