css 使用Sass [复制]根据背景颜色更改颜色

brjng4g3 于 2023-03-24 发布在其他

关注(0)|答案(2)|浏览(156)

此问题在此处已有答案：

Sass - Manipulate inherited property?（4个答案）
九年前就关门了。
我想设置一些sass颜色规则来自动为我选择字体颜色变量。我想让文本颜色依赖于父div的背景颜色。

如果

div {background-color: #000; }

那么

div p { color: #fff; }

如何用sass实现这一点？

2条答案

您可以使用lightness()函数来确定color的值，如下所示：

@function set-color($color) {
    @if (lightness($color) > 40) {
      @return #000;
    }
    @else {
      @return #FFF;
    }
}

然后使用上面的函数如下：

div { background-color: black; // Or whatever else }
div p { color: set-color(black); }

一个月一次

赞(0）回复(0）举报 2023-03-24

您可以使用flow control rules。
这取决于目的，但可能有更简单的方法来更改背景颜色，这取决于特定的条件，如JavaScript。