Css 基于背景色指定文本颜色

我需要为段落文本应用红色，如果段落的背景是白色或透明的，则为黄色，否则（背景的颜色不是白色），仅使用CSS或SASS预处理器

诸如此类：

p {
  @if $selectedP.background == white || transparent {
    color: red;
  } @else {
    color: yellow;
  }
}

---

提前谢谢

您可以使用

@mixin

根据背景更改文本颜色

我的同僚们都是精英。不可剥夺的权利、不可剥夺的权利、不可剥夺的权利、不可剥夺的权利、不可剥夺的权利、不可剥夺的权利、不可剥夺的权利、不可剥夺的权利、不可剥夺的权利、不可剥夺的权利、不可剥夺的权利、不可剥夺的权利！将facere安装到Volupatibus。普雷森蒂姆，维利特！这是一种被称为“小猴”的小猴科动物
铜酸盐、镨酸盐、高级官员的代表、高级官员，以及除临时和非临时工作人员外的其他高级官员！尼西·阿鲁姆·阿鲁姆·阿鲁姆·阿鲁姆·阿鲁姆·阿鲁姆·阿鲁姆·阿鲁姆·阿鲁姆·阿鲁姆·阿鲁姆·阿鲁姆·阿鲁姆·阿鲁姆·阿鲁姆·阿鲁姆·阿鲁姆·阿鲁姆·阿鲁姆·阿鲁姆·阿鲁姆·阿鲁！除了圣约翰大教堂外，其他地方还有什么

@mixin colors（$bg-white:true）{
@如果$bg白色{
颜色：红色；
}@else{
颜色：黄色；
}
}
怀特先生{
@包括颜色（$bg白色：真）；
背景色：白色；
}
蓝先生{
@包括颜色（$bg白色：假）；
背景颜色：蓝色；
}

您可以使用

@mixin

根据背景更改文本颜色

我的同僚们都是精英。不可剥夺的权利、不可剥夺的权利、不可剥夺的权利、不可剥夺的权利、不可剥夺的权利、不可剥夺的权利、不可剥夺的权利、不可剥夺的权利、不可剥夺的权利、不可剥夺的权利、不可剥夺的权利、不可剥夺的权利！将facere安装到Volupatibus。普雷森蒂姆，维利特！这是一种被称为“小猴”的小猴科动物
铜酸盐、镨酸盐、高级官员的代表、高级官员，以及除临时和非临时工作人员外的其他高级官员！尼西·阿鲁姆·阿鲁姆·阿鲁姆·阿鲁姆·阿鲁姆·阿鲁姆·阿鲁姆·阿鲁姆·阿鲁姆·阿鲁姆·阿鲁姆·阿鲁姆·阿鲁姆·阿鲁姆·阿鲁姆·阿鲁姆·阿鲁姆·阿鲁姆·阿鲁姆·阿鲁姆·阿鲁姆·阿鲁！除了圣约翰大教堂外，其他地方还有什么

@mixin colors（$bg-white:true）{
@如果$bg白色{
颜色：红色；
}@else{
颜色：黄色；
}
}
怀特先生{
@包括颜色（$bg白色：真）；
背景色：白色；
}
蓝先生{
@包括颜色（$bg白色：假）；
背景颜色：蓝色；
}

谢谢您的解决方案，问题是我不知道何时调用

@include colors（…）

时背景是否为白色。我需要在选择类似的元素时发送它：

@包括颜色（selectedElement.bgColor）

。此外，我无法将class属性添加到HTML@YassinMohamadi您想要做的事情在CSS中是不可能的。您需要在项目中实现JavaScript。感谢您的解决方案，问题是我不知道何时调用

@include colors（…）

背景是否为白色。我需要在选择类似的元素时发送它：

@包括颜色（selectedElement.bgColor）

。此外，我无法将class属性添加到HTML@YassinMohamadi您想要做的事情在CSS中是不可能的。您需要在项目中实现JavaScript。