Здравствуйте. Решил после теории попробовать силы и помучить "Практикум" на сайте. Задание 3 "Вложенные списки". Понятно, что решение просто и очевидно. Но тут внезапно(!) возник синдром "Мы не ищем легких путей" и тяга к "Великой оптимизации". Идея в том, что в html мы не вписываем вручную однотипные наименования пунктов и однотипную нумерацию. А просто используем :before и after. Что как бы более соответствует прекрасной идее - "HTML создается только раз и дальше все редактируем только через CSS". Собственно, код. Внешне все выглядит также, как на html-списках и валидно. Вопрос: 1. Есть ли какие-то подводные камни в таком подходе - почему он может быть плох? Старые IE не считаем. 2. И... где такое можно/нужно использовать в реальности?