Chained :not 选择器不适用于 child div

Question

我有一个 child div 已被 .img class.

影响

尽管我插入 :not 选择器 div 作为

.main .content .index-exp .img:not(.view-image){ /*rest*/ }

它仍在影响我的 div。

这是http://jsfiddle.net/x80vm7y8/15/地址。

会不会是bug？

我的结果

预期结果是

Answer 1

根据提供的标记，您的选择器看起来应该是：

.main .content .index-exp .img img:not(.view-image) {}

Updated Example

具有 .view-image class 的 img 元素是 .img 元素的后代（它们不包含 .img class 他们自己）。您试图否定 class 为 .view-image 和 .img 的元素，而不是 class 为 .view-image 的元素] 和 type 的 img.

标签

或者，以下工作也有效：

.main .content .index-exp img:not(.view-image) {}

Answer 2

.index-exp .img img:not(.view-image){ }

（快一点）

Chained :not 选择器不适用于 child div

Chained :not selector does not working for child div

html

css

css-selectors