--height 在 Saas 或 CSS 中是什么意思？

Question

我看了一个ionic项目，有一些样式定义如下：

.modal{
  padding: .4rem .2rem;
  --border-radius:10px;
  --background:black;
  --height:3rem;
}

前缀“--”在 Saas 或 CSS 中是什么意思？

Answer 1

css中的'--'符号表示新变量的声明。

以下内容来自本页：https://www.w3schools.com/css/css3_variables.asp

CSS 中的变量应在定义其范围的 CSS 选择器中声明。对于全局范围，您可以使用 :root 或 body 选择器。

变量名必须以两个破折号(--)开头，并且区分大小写！

Answer 2

等于根元素上font-size的计算值。在根元素的 font-size 属性 上指定时，rem 单位指的是 属性 的初始值。