【问题标题】:Chained :not selector does not working for child divChained :not 选择器不适用于子 div
【发布时间】:2015-03-29 06:34:02
【问题描述】:

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

虽然我为这个 div 插入 :not 选择器

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

它仍然影响我的 div。

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

会不会是bug?

我的结果

预期结果是

【问题讨论】:

  • .img.view-image 不是同一个元素。因此,在这种情况下,您不能使用:not
  • 这个问题和your last one有什么不同?
  • @j08691 如果您阅读它,您会发现它是关于的。 not 的链接:选择器。

标签: html css css-selectors


【解决方案1】:

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

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

Updated Example

具有.view-image 类的img 元素是.img 元素的后代(它们本身不包含.img 类)。您试图否定具有.view-image .img 类的元素,而不是具有.view-image 类和img 标签type 的元素。

或者,以下工作也可以:

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

【讨论】:

  • 这是真的吗?让我检查一下,我花了几个小时。
  • 谢谢你,我很感激。
【解决方案2】:
.index-exp .img img:not(.view-image){ }

(快一点)

【讨论】:

    猜你喜欢
    • 2018-12-19
    • 1970-01-01
    • 2018-05-13
    • 2011-01-25
    • 1970-01-01
    • 2016-11-12
    • 1970-01-01
    • 2021-09-03
    • 1970-01-01
    相关资源
    最近更新 更多