Jquery CSS-根据背景更改文本颜色

我有一个简单的布局，由三个全高div和一个固定的标题栏组成

body，html{
填充：0；
保证金：0；
}
.标题{
位置：固定；
宽度：100%；
高度：50px；
颜色：白色；
利润率：20px；
}
.第1节{
背景：黑色；
高度：100vh；
显示器：flex；
对齐项目：居中；
证明内容：中心；
颜色：白色；
}
.第2节{
背景：白色；
高度：100vh；
显示器：flex；
对齐项目：居中；
证明内容：中心；
}
.第3节{
背景：黑色；
高度：100vh；
显示器：flex；
对齐项目：居中；
证明内容：中心；
颜色：白色；
}

标题内容
第一节内容
第二节内容
第三节内容

您可以使用

body，
html{
填充：0；
保证金：0；
}
.标题{
位置：固定；
宽度：100%；
高度：50px；
利润率：20px；
颜色：#fff；
混合模式：差异化；
}
.第1节，
.第2节，
.第3节{
背景：黑色；
高度：100vh；
显示器：flex；
对齐项目：居中；
证明内容：中心；
颜色：白色；
}
.第2节{
背景：白色；
颜色：#000；
}

标题内容
第一节内容
第二节内容
第三节内容

您可以使用jquery进行操作，当出现问题时，请执行以下操作：

$('yourdiv1').css({"color": "black"})
$('yourdiv2').css({"background-color": "white"})

要将其设置为默认值，请执行以下操作：

$('yourdiv1').css({"color": ""})
$('yourdiv2').css({"background-color": ""})

---

此外，还要添加一些功能，使其看起来非常漂亮。

值得注意的是，IE和Edge目前不支持此功能，因此如果您希望在这些浏览器中使用此功能，则需要某种类型的回退。@Hiddenhobes这并不奇怪，这样的功能在IE和Edge上永远也不会起作用，老实说，我不在乎。。。如果你想使用IE或EDGE，那么不要使用花哨的东西或者让JSIt复杂的东西不是一个惊喜，但是有必要考虑用户访问站点可能会使用那些浏览器。如果

mix-blend mode

在浏览器中不支持，谢谢大家，完美的例子和超级简单！