CSS - img：不是选择器？ [复制]

【问题标题】：CSS - img:not selector? [duplicate]CSS - img：不是选择器？ [复制]
【发布时间】：2017-12-23 22:36:01
【问题描述】：

知道为什么图片下方的非选择器不起作用吗？

我希望 not 选择器阻止图片具有 20% 的宽度。我正在尝试选择我的图像所属的类测试。

<style>
img:not(.test){
    width:20%;
}
</style>
<html>
<div class="test"><img src="http://i.imgur.com/pMKpE40.jpg"></div>
</html>

【问题讨论】：

【解决方案1】：

选择器匹配img 元素，只要它不是test 类的成员。

您有一个<img>，但它根本没有class 属性。

<div> 是 test 的成员，<img> 不是。

:not(.test) > img 与 <img> 不匹配，但它可能无法涵盖您的所有用例。

CSS 没有办法说“元素没有与选择器匹配的祖先”。

【讨论】：