CSS при первом знакомстве выглядит не таким уж и сложным. Но что с этим всем делать чтобы было и красиво и правильно не понятно — особенно когда речь заходит о css селекторах. Сразу и не поймешь что выбрать — селектор класса CSS или селектор по ID? Когда использовать селекторы тегов CSS, а когда комбинированные? И как разобраться в специфичности и приоритете? В этом руководстве постарался разложить всё по полочкам: что такое селекторы CSS, какие бывают их виды, как они работают и как не запутаться в применении стилей...

Согласно последним исследованиям производительности веб-интерфейсов, более 45% задержек при первом рендеринге страницы (First Contentful Paint) связаны с избыточно сложным деревом CSSOM. Проблема не в количестве стилей, а в том, как браузер обрабатывает Css селекторы. В моей практике часто встречались проекты, где замена вложенных конструкций на плоскую структуру сокращала время пересчета стилей на 120-150 мс. Эта статья предназначена для профессиональных разработчиков и амбициозных новичков, стремящихся понять внутреннюю логику работы движков Blink и Gecko...