首页 文章

就效率而言，全局CSS变量与局部变量

提问于
浏览 次
2

CSS中的全局变量在内存或效率方面的效率是否低于本地CSS变量？

所以基本上我的问题是，在全局范围内声明变量是否有任何好处，并且可以在CSS中的任何地方访问，与在特定选择器的代码块内声明的变量相对应，并且相对于选择器本地作用域 .

在谈论全球范围时我的意思是：

:root { --mainColor: red }

和当地范围意味着：

.element { --mainColor: red; } 

.element p { color: var(--mainColor) }

希望我足够清楚:)

css css3 global css-variables

1 回答

  • 2

    我不同意这样的定义以及本地和全局变量的使用，因为CSS不是一种编程语言，而是关于Cascading .

    你说：

    和局部范围意味着：.element { - mainColor：red; } .element p {color：var（ - mainColor）}

    基于你可以说什么，这是一个本地范围？你不知道这个课程将在哪里使用 . 如果我们将这样的类添加到 html 元素，那么所有元素都将访问/继承自定义属性，我们可以说自定义属性在DOM中是全局可用的 . 它与在 :root 中定义属性完全相同 .

    自定义属性是普通属性，因此它们可以在任何元素上声明，使用正常继承和级联规则ref解析，因此我不应该使用.35368应用 .

    回复于

相关问题