html - 如何使用 if 语句在 SCSS 中查找类名？

Question

我有两个不同的类(class)。一位是管理员，一位是用户。

<div class="admin"> ... </div>
<div class="user"> ... </div>

$color : red !default;

@if('.admin'){
    $color : red;
} @else {
    $color : green;
}

input{
    border-color : $color;
    color : $color;
}

div{
    background : $color;
}

我想动态输入边框颜色。如果父类是 admin 那么输入边框颜色是白色，如果父类是 user 那么输入边框颜色是黑色。

这只是一个例子，在我的元素中有两种类型的登录，并且想在使用父类时改变很多东西。

Answer 1

.admin{ 
    background : red; 
    input{
        border-color:#fff;
    }
}
.user{ 
    background : red; 
    input{
        border-color:#000;
    }
}