IE8, HTML5 и комбинированные классы ala .class1.class2 {} - PullRequest
Новая
       15

IE8, HTML5 и комбинированные классы ala .class1.class2 {}

4 голосов
/ 27 ноября 2011

Я делаю отзывчивый сайт и периодически делаю что-то вроде этого: 

.someclass {}
.someclass.with_context {}

IE8 не распознает второй класс.IE9 делает.

Я использую doctype HTML5, и он использует стандартный режим IE8 в качестве страницы по умолчанию.

Есть идеи?

Ответы [ 3 ]

3 голосов
/ 27 ноября 2011

CSS Tricks содержит хорошую статью об использовании нескольких классов / идентификаторов.Из того, что я прочитал, он поддерживается большинством браузеров (включая IE7 - не IE6).

Конечно, QuirksMode также содержит краткую статью.

Если вы используете HTML5, используете ли вы Shiv ( headjs , или Modernizr , или каким-либо другим способом для CSS для распознавания элементов HTML5)?

Можете ли вы привести пример для 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}
0 голосов
/ 28 ноября 2011

Я буду следить, если у меня будет несколько минут, чтобы отследить детали поведения, но вот что я разобрался:

Как мы все знали, IE8 действительно поддерживает 

.myClass.anotherClass {}

просто отлично.

Facebook раньше требовал от вас использования 

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

для использования кнопок «Мне нравится» и т.п. Это вызвало очень странное поведение в крайнем случае, и переключение на их "HTML5" / javascript like-modules делает его посторонним.

Что наконец-то сделало это - и интересная часть - это то, что некоторые из них были внутри медиа-запросов, что, кажется, имеет значение. Когда у меня будет больше времени, чтобы проверить и отследить их, я приведу здесь подробности.

Спасибо за ваши предложения.

0 голосов
/ 27 ноября 2011

Я предполагаю, что вы имеете в виду ваш css

что-то вроде этого 

<article class="someclass">

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


</article>

обратите внимание, что выше может использовать стандартные div вместо тегов HTML5

так, как ваш CSS нуждается впробел между 2 классами 

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