Html 更改除CSS具有特定父元素的元素之外的所有元素的属性 请考虑这个样品。

我想将所有表的

颜色

更改为

红色

，但

div

中的表除外，该div具有名为

modal

的

css

所有表格的

颜色应更改：

<table>
.....
</table>

我使用了以下css：

table:not(div.modal){
  color : red;
}


它看起来很简单，但不起作用
 你应该这样说：

:not(.modal) > table {
  color: red;
}

小提琴：


：非（.modal）>表格{
颜色：红色；
}
表格字体的颜色必须为红色：
吉尔
史密斯
50
前夕
杰克逊
94

这是div中具有模态类和颜色的表，不得更改：
吉尔
史密斯
50
前夕
杰克逊
94
您应该这样做：

:not(.modal) > table {
  color: red;
}

小提琴：


：非（.modal）>表格{
颜色：红色；
}
表格字体的颜色必须为红色：
吉尔
史密斯
50
前夕
杰克逊
94

这是div中具有模态类和颜色的表，不得更改：
吉尔
史密斯
50
前夕
杰克逊
94
正确的操作方法：


表格{
颜色：红色；
}
.模态表{
颜色：黑色；
}
表格字体的颜色必须为红色：
吉尔
史密斯
50
前夕
杰克逊
94

这是div中具有模态类和颜色的表，不得更改：
吉尔
史密斯
50
前夕
杰克逊
94
正确的操作方法：


表格{
颜色：红色；
}
.模态表{
颜色：黑色；
}
表格字体的颜色必须为红色：
吉尔
史密斯
50
前夕
杰克逊
94

这是div中具有模态类和颜色的表，不得更改：
吉尔
史密斯
50
前夕
杰克逊
94
有没有办法让它与：not selector一起工作？@Sowmya:有。那将是
：not（.modal）>表{color:red；}
。不过，我不建议这样做@Sowmya：您使用什么浏览器进行测试？有没有办法让它与：not selector一起工作？@Sowmya:有。那将是
：not（.modal）>表{color:red；}
。不过，我不建议这样做@Sowmya：您使用什么浏览器进行测试？