我很难弄清楚为什么以下代码在Safari中显示为蓝色,而在Chrome和Firefox中显示为红色。
em:not(div) {
color: red
}
em:not(p div) {
color: blue
}
<p>
<em>FOO</em>
</p>
运行代码段
https://jsfiddle.net/hzcLpf9L/
显然,Chrome和Firefox不支持:not()其中具有多个级别的CSS选择器。(可能的错误?)
我非常喜欢:not()选择器,并且使用Safari开发,因此当我在Chrome上找到我的网站时,我几乎心脏病发作了。对于为什么会发生这种奇怪行为的任何解释将不胜感激。
隔江千里
摇曳的蔷薇