scss100vh减去一个rpx
时间: 2023-10-21 19:55:56 浏览: 53
在 SCSS 中,你可以使用数学运算符 `-` 来执行单位之间的减法操作。假设你要从 `100vh` 中减去 `rpx`,你需要确保两个值具有相同的单位。以下是一个示例:
```scss
$vh: 100vh;
$rpx: 20rpx;
.element {
height: $vh - $rpx;
}
```
在上面的示例中,我们定义了 `$vh` 和 `$rpx` 变量,然后使用减法运算符将它们应用到 `.element` 类的高度属性上。注意,在进行减法运算之前,我们确保两个值都具有相同的单位(例如 `vh` 和 `rpx`)。通过这种方式,你可以在 SCSS 中执行减法操作。
相关问题
scss可以产生一个随机数吗
在 SCSS 中,可以使用内置函数 `random()` 产生一个随机数。该函数可以接受一个可选的参数,表示随机数的上界。例如,如果要产生一个 0 到 100 之间的随机数,可以使用以下代码:
```
$random-number: random(100);
```
这将产生一个 0 到 100 之间的随机整数,并将其赋值给变量 `$random-number`。
用scss画一个五角星
以下是使用SCSS画五角星的代码:
```scss
.star {
width: 0;
height: 0;
border-right: 50px solid transparent;
border-bottom: 35px solid #f1c40f;
border-left: 50px solid transparent;
position: relative;
top: -30px;
&:after {
content: ""; width: 0;
height: 0;
border-right: 50px solid transparent;
border-bottom: 35px solid #f1c40f;
border-left: 50px solid transparent;
position: absolute;
top: 15px;
left: -50px;
transform: rotate(35deg);
}
&:before {
content: "";
width: 0;
height: 0;
border-right: 50px solid transparent;
border-bottom: 35px solid #f1c40f;
border-left: 50px solid transparent;
position: absolute;
top: 15px;
left: 0;
transform: rotate(-35deg);
}
}
```