CSS 类：基础+附加。如何定义？答案

【问题标题】：CSS classes: base+additional. How to define?CSS 类：基础+附加。如何定义？
【发布时间】：2009-10-08 21:17:23
【问题描述】：

我有一个 div：

    <div class="navigation mainPage"></div>

我需要指定：每个具有“导航”类和“主页面”类的 DIV 都应该具有“宽度：999px”。

这可能吗？谢谢

【问题讨论】：

标签： css

【解决方案1】：

.navigation.mainPage { width: 999px; }

【讨论】：

我看过一篇文章说其他浏览器（特别是老浏览器不支持单个元素中的多个css。这里是链接webdesign.about.com/od/css/qt/tipcssmulticlas.htm
我的意思是单个元素中有多个 css 类。
这在 IE6 中不起作用，不符合预期。在 IE6 中，此选择器仅匹配 mainPage 类。测试用例见so.piskvor.org/1537692。

【解决方案2】：

你可以试试

.navigation.mainPage { width: 999px; }

但这在 IE6 中不起作用。您可以尝试通过这样做来绕过

<div class="navigation navigation-mainPage"></div>

然后是 CSS

.navigation-mainPage { width: 999px; }

尽管这不是最好的解决方案，但我不知道有任何其他解决方法。

【讨论】：

【解决方案3】：

试试这个：

.navigation, .mainPage{ width:999px; overflow:hidden;}

【讨论】：

这将使所有带有类导航的东西都有 999px 的宽度。他们只希望将宽度设置为 999px，并将 div 设置为导航和主页类。
它们是类而不是 ID，所以它们应该是 .navigation 和 .mainPage。
#navigation 的意思是 'id="navigation"'，而不是 'class="navigation"'；此外，逗号表示“或”，如“导航或主页面或两者”
您能否详细说明 CSS 中的 AND 和 OR 是什么？
re OR：见w3schools.com/css/css_syntax.asp，标题分组。例如。 ".class1, .class2" 会匹配带有 class1 OR class2 的元素，而 ".class1.class2" 只会匹配带有 class1 AND class2 的元素，而 ".class1 .class2" 会匹配带有 class1 的元素内的带有 class2 的元素。跨度>