Эмуляция &gt

Заметки - Фишки CSS

Как известно некоторый браузер не поддерживает правила «>» в CSS, которое иногда бывает очень нужным, например при создании списка списков, когда первый уровень списка не имеет отступа, а второй и последующие имеют. Сегодня мне в голову пришло решение, которое я хочу представить на ваш суд:

Первое правило в данном случае будет аналогом .wrapper > ul > li, что и требовалось.

Надо понимать, что это не полноценная эмуляция «>», т.к если из CSS правил убрать .wrapper, то результат будет тот же самый и это может привести в заблуждение.

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