:not pseudo class 无法在 Android 设备上工作

Question

我的 CSS 中有以下代码：

img:not(#some_image)    {
    margin-top:10px;
}

此 CSS 为每个图像设置 margin-top:10px;，如果不是 id="some_image"。

这适用于许多浏览器。但是在 Android 设备上，这会被忽略，这意味着任何图像都没有 margin-top:10px;。

有没有办法让 :not 伪 class 在 Android 设备上工作？或者，我是否必须为每个不是 id="some_image" 的图像手动设置此样式？

Answer 1

我终于发现我做错了什么，因为 :not 伪 class 确实在 Android 浏览器中工作。

我有以下代码：

img:not(#some_image, #another_image)    {
    margin-top:10px;
}

但这是错误的语法。

排除多个元素的正确方法是这样的：

img:not(#some_image):not(#another_image)    {
    margin-top:10px;
}

Android 似乎更 strict 因为它只有在使用正确语法的情况下才能工作，而许多其他浏览器也可以使用错误的语法。