Intereting Posts
CSS-gradleиент для создания пунктирной линии Как сделать стрелку раскрывающегося списка (загрузочный значок значка) изменить On Click? Извлечение метаданных с веб-сайта Как сохранить строку заголовка фиксированной при прокрутке по сортируемой таблице Компонент Angular2, который отображает 2 элемента tr в петле Какова цель атрибута «nonce» HTML для элементов сценария и стиля? Высота не 100% на жидком контейнере, даже если html и body Маркер API Google Maps v3 с меткой Как получить весь текст содержания html-страницы, отображаемой в webview Как скрыть один div и показать другой div с помощью кнопки onclick? Преобразование имен classов CSS в случайные буквы Отобразить таблицу SQL в таблице PHP / HTML Проблема с минимальной шириной CSS и максимальной шириной Эффективное представление большой сетки в браузере Коммуникация данных из всплывающего windows в контентный скрипт, введенный всплывающим окном с помощью executeScript ()

Селектор дочерних элементов CSS (>) не работает с IE

Следующий CSS хорошо работает под firefox, но не работает в браузере IE, почему?
Кроме того, как я могу заставить только элементы, непосредственно под родительским элементом, пострадать от CSS?

CSS:

.box{font:24px;} .box>div{font:18px} .box>div>div{font:12px;} 

HTML:

 
level1
level2
level3
level3
level2
level3
level3

Internet Explorer поддерживает дочерний селектор ( > ) с версии 7, но только в режиме стандартов. Убедитесь, что вы используете Doctype, который запускает режим стандартов .

Если вы ориентируетесь на IE6, вам не повезло. Вы должны либо зависеть от JS, либо использовать селекторы потомков.

 a>b { foo } 

становится

 ab { foo } a * b { reverse-of-foo } 

Селектор дочерних элементов вообще не поддерживается IE6 и только частично IE7.

Quirksmode.org: детский селектор

Таблицы совместимости CSS

к сожалению, нет никакого способа сделать это, кроме как «отказывать» определения для всех внуков.

Возможно, я ошибаюсь в отношении того, что вы ищете, но я хотел бы решить вашу проблему:

 .box {font:24px;} .box div {font:18px} .box div div {font:12px;} 

Это будет отлично работать для вас, однако имейте в виду, что если у вас есть еще один .box с div в нем, они также будут затронуты.