Css-针对特定类

Css-针对特定类,css,css-selectors,Css,Css Selectors,可能重复: 我有以下几点: <div class="green-arrow current-plan span4"> <img src="/images/assets/green-arrow.jpg"> </div> <div class="green-arrow plan-above span4"> <img src="/images/assets/green-arrow.jpg"> </div>

可能重复:

我有以下几点:

<div class="green-arrow current-plan span4">
     <img src="/images/assets/green-arrow.jpg">
</div>

<div class="green-arrow plan-above span4">
     <img src="/images/assets/green-arrow.jpg">
</div>

我想把上面的
计划作为目标
显示为
不影响上述
计划的其他实例(非
绿色箭头)。

尝试以下操作:

div.green-arrow.plan-above {
    display: none;
}
此外,还可以使用CSS3排除几个逗号分隔的类

div.plan-above:not(.class, #id) {
  //mark up
}
试试这个:

div.green-arrow.plan-above {
    display: none;
}
此外,还可以使用CSS3排除几个逗号分隔的类

div.plan-above:not(.class, #id) {
  //mark up
}


以前有人问过这个问题,搜索“css多类”,如果你分配一些id,这将非常容易s@stian.net:IDs在这里的作用是什么?以前有人问过这个问题,搜索“css多类”如果您分配一些id,这将非常容易s@stian.net:ID在这里有什么用途?注意:IE6中出现了可怕的漏洞。@Quentin说了一些IE6中没有出现的漏洞。;)但说真的,IE6已被弃用,不再受支持,因此我认为没有理由(如果没有特别要求的话)在您的代码中支持该浏览器。@Filip-足够多的人仍然支持它,当示例代码无法在其中工作时,值得一提。在自己的代码中,决定不支持IE6是可以的。另一方面,在教学时,它有点复杂。我在这里讨论了关于IE6的大量离奇的细节:如果有人关心IE6,你可以继续投票,以关闭未来的问题,作为该特定问题的副本。注意:IE6中有可怕的漏洞。@Quentin说一些IE6中没有漏洞的东西。;)但说真的,IE6已被弃用,不再受支持,因此我认为没有理由(如果没有特别要求的话)在您的代码中支持该浏览器。@Filip-足够多的人仍然支持它,当示例代码无法在其中工作时,值得一提。在自己的代码中,决定不支持IE6是可以的。另一方面,在教学时,它有点复杂。我在这里讨论了关于IE6的大量离奇的细节:如果有人关心IE6,你可以继续投票,作为特定问题的副本来结束未来的问题。仍然错误,
:not()
在CSS3中不允许使用逗号分隔的类。没有这样的规范,但它可以在FF3中使用。你自己试试为什么要使用Firefox3?Firefox9是目前稳定的版本。它只在Firefox3中工作,因为它是一个bug。我相信它是在3.1或3.5版本中修复的。我以前看过那篇文章,但它确实很旧。我只是想纠正这个误解,尽管我怀疑有人会再阅读一篇旧文章的评论。仍然错误的是,CSS3中的
:not()
不允许使用逗号分隔的类。没有这样的规范,但它在FF3中有效。你自己试试为什么要使用Firefox3?Firefox9是目前稳定的版本。它只在Firefox3中工作,因为它是一个bug。我相信它是在3.1或3.5版本中修复的。我以前看过那篇文章,但它确实很旧。我只是想纠正这种误解,尽管我怀疑有人会再看一篇老文章的评论了。