【发布时间】:2020-10-18 06:39:51
【问题描述】:
我查看了一个 ionic 项目,有一些样式定义如下:
.modal{
padding: .4rem .2rem;
--border-radius:10px;
--background:black;
--height:3rem;
}
前缀“--”在 Saas 或 CSS 中是什么意思?
【问题讨论】:
-
是
css variable的声明
我查看了一个 ionic 项目,有一些样式定义如下:
.modal{
padding: .4rem .2rem;
--border-radius:10px;
--background:black;
--height:3rem;
}
前缀“--”在 Saas 或 CSS 中是什么意思?
【问题讨论】:
css variable的声明
css 中的“--”表示新变量的声明。
以下内容来自该页面:https://www.w3schools.com/css/css3_variables.asp
CSS 中的变量应该在定义其范围的 CSS 选择器中声明。对于全局范围,您可以使用 :root 或主体选择器。
变量名必须以两个破折号 (--) 开头并且区分大小写!
【讨论】:
等于根元素上 font-size 的计算值。当在根元素的font-size 属性上指定时,rem 单位指的是属性的初始值。
【讨论】: