Селекторы — это часть правила CSS, которые позволяют определить к какому элементу веб страницы следует применять правила. Они могут быть: простыми, сложными, составными (список селекторов). К простым селекторам относятся: Простые селекторы Классы задаются элементам с помощью атрибута class=»имя_класса». Например:<div class=»content»> Блок с основным контентом </div> Главная и отличительная особенность классов в том, что один класс может быть присвоен  нескольким тегам одновременно. Соответственно...

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