Подготовка к интервью
Разбирайте реальные вопросы, сверяйтесь с подробными ответами и готовьтесь по технологиям и компаниям.
Проверьте, насколько резюме подходит выбранной позиции, и получите рекомендации по улучшению.
Каталог
Специфичность определяет приоритет конкурирующих CSS-селекторов внутри сопоставимого уровня каскада: ID сильнее классов, а классы сильнее тегов.
Читать ответИзоляцию CSS обеспечивают разные подходы: соглашения имён, CSS Modules, scoped-преобразования, Shadow DOM и ограниченные области применения.
Читать ответИспользуйте селектор прямых потомков с nth-of-type для A и C, а для footer — flex с gap: 0. Он не создаёт межэлементный пробел из пробельных узлов HTML.
Читать ответОпишите свой опыт и добавляйте препроцессор только ради конкретных возможностей, которые нужны проекту.
Читать ответБольшой render-blocking CSS задержит отображение и потребует времени на разбор; сжатие не устраняет стоимость обработки всего файла.
Читать ответУберите стандартный margin страницы и центрируйте квадрат через CSS Grid с place-items: center.
Читать ответЕсли это блокирующая stylesheet для текущего media в head, первый render может задержаться до её загрузки и разбора; CSS на 50 МБ создаёт серьёзную сетевую и вычислительную нагрузку.
Читать ответПри сопоставимых остальных условиях каскада ID специфичнее класса, а класс специфичнее тега; сравнение не является простой суммой произвольных баллов.
Читать ответНативный nesting может неожиданно повысить специфичность и отличается от препроцессорного синтаксиса; также нужно учитывать поддержку целевых браузеров.
Читать ответПрепроцессор полезен для генерации повторяющихся правил и compile-time-функций, но добавляет шаг сборки; современный CSS уже закрывает часть прежних задач.
Читать ответСравните знакомые подходы по организации стилей, динамике, изоляции и сборке и отдельно назовите те, что реально применяли.
Читать ответОбъясните фактическую причину отсутствия CSS-lint и оцените последствия; не оправдывайте решение общим утверждением, что стили не требуют проверок.
Читать ответ