css中@if是什么意思
时间: 2023-10-09 08:07:51 浏览: 225
详解CSS中@supports的用法
`@if` 是 Sass/SCSS 中的条件语句,用于根据给定的条件选择性地输出 CSS 规则。如果条件为真,则会输出条件块中的 CSS 规则,否则不会输出。
下面是一个使用 `@if` 的简单示例:
```scss
$primary-color: #007bff;
button {
@if $primary-color == #007bff {
background-color: $primary-color;
color: #fff;
} @else {
background-color: #fff;
color: $primary-color;
}
}
```
在这个示例中,如果 `$primary-color` 的值是 `#007bff`,则会输出第一个条件块中的 CSS 规则,否则会输出第二个条件块中的 CSS 规则。
阅读全文