Question

我正在制作一个自适应网站，并定期做这样的事情：

.someclass {}
.someclass.with_context {}

IE8无法识别第二类。 IE9可以。

我正在使用HTML5文档类型，它使用IE8标准模式作为页面默认值。

有什么想法吗？

Answer 1

CSS Tricks有一篇关于使用多个类/ ID的好文章。根据我的阅读，大多数浏览器都支持它（包括IE7 - 非IE6）。

当然，QuirksMode也有一篇快速文章。

如果您正在使用HTML5，是否使用Shiv（headjs或Modernizr，或其他方式使用CSS to recognize the HTML5 elements？

你能举个例子jsFiddle吗？

或者这只是一个错字？

你的HTML是这样的吗？

.someclass {}
.someclass.with_context {}
<div class="someclass with_context">Hello World</div>

还是这样？

.someclass {}
.someclass .with_context {}
<div class="someclass">
<div class="with_content">Hello World</div>
</div>

修改

您可能需要将HTML5元素设置为阻止级别：

header,nav,article,footer,section,aside,figure,figcaption{display:block}

Answer 2

如果我有几分钟的时间来追踪行为的细节，我会跟进，但这就是我解决的问题：

众所周知，IE8确实支持

.myClass.anotherClass {}

很好。

Facebook曾经要求你使用

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml">

使用Like按钮等。这导致一些非常奇怪的边缘情况行为，并切换到他们的“HTML5”/ javascript like-modules使其无关。

最终做到的事情 - 以及有趣的部分 - 是一些用途是在媒体查询中，这似乎很重要。当我有更多时间测试并跟踪它们时，我会详细介绍。

感谢您的建议。

Answer 3

我假设你的意思是你的css

类似这样的事情

<article class="someclass">

    <section class="with_context">something here</section>


</article>

请注意，上面可以使用标准div而不是HTML5标签

无论哪种方式，您的CSS都需要两个类之间的空格

.someclass {SOME CSS}   
.someclass .with_context {SOME CSS}