sorry_i_noob
@sorry_i_noob

Почему IE не отображает :nth-child(2), а Chrome отображает?

Здравствуйте. Есть такой код.
HTML:
<div class="parent">
	<div class="col-1">
		<div class="elem">
			col-1 Текст 1
		</div>
		<div class="elem">
			col-1 Текст 2
		</div>
		<div class="elem">
			col-1 Текст 3
		</div>
		<div class="elem">
			col-1 Текст 4
		</div>
		<div class="elem">
			col-1 Текст 5
		</div>
	</div>
</div>

CSS:
.elem {
	border: 1px solid black;
	background-color: green;
}

.col-1 :nth-child(2) {
	background-color: #fff;
}


Вот результат в Chrome:
5d36e98ae878c490699622.png

Вот результат в IE:
5d36e9983cd75933165546.png
При том, что на developer.mozilla.org написано, что это свойство поддерживается в IE:
https://developer.mozilla.org/en-US/docs/Web/CSS/:...

Почему же тогда не отображается?
  • Вопрос задан
  • 88 просмотров
Решения вопроса 1
sorry_i_noob
@sorry_i_noob Автор вопроса
У меня был включен режим совместимости в IE. Я отключил его, и все стало корректно отображаться. Всем спасибо за попытки помочь.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы