知道为什么下面的图像的 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没有办法说"元素没有与选择器匹配的祖先"。