CSS - img:not selector?



知道为什么下面的图像的 not 选择器不起作用吗?

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

代码笔:https://codepen.io/anon/pen/gRNOgx

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

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

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

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

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

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

最新更新