的CSS - 针对某些类别

可能重复：
CSS Selector that applies to elements with two classes 的CSS - 针对某些类别

我有以下几点：

<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>

而且我想要的目标plan-above所以它的display: none;而不会影响其他实例的plan-above（它们不是green-arrow）。

来源

2012-01-25 cjm2671

这已经被问过，搜索 “CSS多个类” – BoltClock

它会如果你指定了一些id，那么这很容易 –

@ stian.net：这里的IDs有什么用途？ – BoltClock

div.green-arrow.plan-above { 
    display: none; 
}

来源

2012-01-25 14:57:47

注意：在IE6中隐藏不明。 – Quentin

@Quentin说一下在IE6中没有被破解的东西。 ;）但严重的是，IE6被弃用，不再支持，所以我没有理由（如果没有特别要求）支持你的代码中的浏览器。 – Filip

@Filip - 当示例代码不起作用时，足够多的人仍然支持它以使其值得一提。在自己的代码中，可以决定不支持IE6。另一方面，在教学时，它更复杂一些。 – Quentin

试试这个：

div.green-arrow.plan-above { 
    display: none; 
}

而且你可以使用CSS3来排除几类逗号分隔

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

来源

2012-01-25 15:02:50

那是什么样的语法？ – BoltClock

对不起，我解决了它... –

仍然错误，'：not（）'在CSS3 **中不允许逗号分隔的类。 – BoltClock

的CSS - 针对某些类别

回答

相关问题