链接:不是选择器不适用于儿童div

时间:2015-03-26 13:02:49

标签: html css css-selectors

我有一个受.img课影响的子div。

虽然我插入:不是这个div的选择器

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

它仍在影响我的div。

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

可能是错误吗?

我的结果

enter image description here

预期结果是

enter image description here

2 个答案:

答案 0 :(得分:1)

根据提供的标记,您的选择器应该是:

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

Updated Example

img的{​​{1}}元素是.view-image元素的后代(它们本身并不包含.img类)。您试图使用.img .view-image类来反对元素,而不是使用类.img和标记类型 .view-image

或者,以下工作也是如此:

img

答案 1 :(得分:1)

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

(快一点)