Каталог RSS-каналов
Статистика

RSS-каналов в каталоге: 3393

Добавлено сегодня: 0

Добавлено вчера: 0

Hi-Tech / Интернет

Новые спецификации CSS-селекторов

CSS-LIVE 02.02.2018 в 18:01

Жизнь во фронтенде

Привычные нам CSS-селекторы 3 уровня стали рекомендацией W3C еще в 2011-м (почти одновременно с CSS2.1), а черновик селекторов 4 уровня был опубликован еще в 2013-м и очень долго не менялся. Но на этой неделе рабочая группа CSS спохватилась и показала, что работа над селекторами не заброшена. С перерывом в два дня обе спецификации обновились: 30 января — старая, а 1 февраля — новая.

В старой спецификации фактически исправлена лишь одна ошибка (применимость селекторов вида :nth-* к корневому элементу). Но поскольку из-за этой ошибки пришлось менять набор тестов к спецификации и заново проверять, как его проходят браузеры, формально ее «понизили в статусе» до кандидата в рекомендации. Впрочем, это уже неважно — основная работа идет над селекторами 4 уровня.

Новый же черновик переработан почти до неузнаваемости — все статьи про новые селекторы, ссылающиеся на версию 2013 года, можно выбрасывать. Изменилась терминология, сам язык спецификации стал точнее и строже. Даже те, кто вместе с нами следили за новинками редакторского черновика и его первыми реализациями в браузерах, найдут в новой редакции немало сюрпризов.

Активизацию работы над селекторами во многом подтолкнуло недавнее решение разработчиков Chrome реализовать (вслед за Safari) некоторые из новых селекторов — как минимум, :matches(). Как часто бывает, в последний момент у многих стали появляться идеи дальнейший улучшений, и прямо сейчас на Гитхабе обсуждается (порой с жаром) немало ишью про селекторы. В частности, пока так и не придумали названия новому аналогу :matches() с нулевой специфичностью. Так что если не хотите, чтобы в браузерах навеки закрепилось неудачное, на ваш взгляд, решение — присоединяйтесь и выдвигайте свои аргументы, именно сейчас они могут оказаться определяющими. А мы постараемся и дальше держать вас в курсе текущих новоCSSтей и знакомить с самыми интересными новинками, так что следите за нашими обновлениями!

Другие записи ленты

Еженедельная подборка красивых эффектов на CSS/SVG/JS #68 02.02.2018 в 09:17

Вы освоили азы JavaScript. Но что дальше? 28.01.2018 в 10:21

Снова о CSS Box Alignment (свойствах для выравнивания всего): простая шпаргалка 27.01.2018 в 15:33

Еженедельная подборка красивых эффектов на CSS/SVG/JS #67 22.12.2017 в 12:39

Еженедельная подборка красивых эффектов на CSS/SVG/JS #66 15.12.2017 в 07:20

Новая политика WHATWG: шаг к единому стандарту HTML? 12.12.2017 в 08:17

Еженедельная подборка красивых эффектов на CSS/SVG/JS #65 08.12.2017 в 06:11

Еженедельная подборка красивых эффектов на CSS/SVG/JS #64 01.12.2017 в 22:48

Всё, что вам нужно знать о CSS-in-JS 25.11.2017 в 17:57

Еженедельная подборка красивых эффектов на CSS/SVG/JS #63 24.11.2017 в 12:54