Подготовка к интервью
Разбирайте реальные вопросы, сверяйтесь с подробными ответами и готовьтесь по технологиям и компаниям.
Проверьте, насколько резюме подходит выбранной позиции, и получите рекомендации по улучшению.
Каталог
Достаточно одного правила для toolbar: display:flex, align-items:center, justify-content:space-between и min-height:48px. Кнопки сохранят свои собственные размеры.
Читать ответСпецифичность меняют составом селектора, а для её снижения используют, например, :where(), чьи аргументы дают нулевой вес.
Читать ответРекурсивно обходите аргументы, разворачивайте массивы и собирайте строки, числа и truthy-ключи объектов.
Читать ответНативная CSS-вложенность сокращает повторение селекторов, но глубокие цепочки усложняют каскад и сопровождение.
Читать ответFlexbox удобен для одномерного расположения, CSS Grid — для согласованной сетки строк и колонок.
Читать ответПервое предложение CSS сделал Хокон Виум Ли в октябре 1994 года; первая рекомендация W3C CSS1 опубликована 17 декабря 1996 года.
Читать ответA будет красным, B — синим. Прямое правило .note перекрывает p по специфичности; оба абзаца получают собственный color, поэтому зелёный цвет родителя не наследуется.
Читать ответИспользуйте `.article > :is(h2, h3) { color: blue; }`. Комбинатор > ограничивает выбор непосредственными детьми, а :is объединяет альтернативные типы элементов.
Читать ответpx — CSS-пиксель, а rem — размер относительно font-size корневого элемента документа, обычно html.
Читать ответПриведите реальный CSS-дефект в конкретном браузере или устройстве и объясните, как воспроизвели и исправили его.
Читать ответСначала найдите неиспользуемые стили и источники размера, затем разделите CSS по страницам, минифицируйте и сжимайте передачу.
Читать ответСохраните статическую выборку в замыкании и возвращайте объект api из каждого метода. Это обеспечивает chaining и одинаковое применение операций ко всем найденным элементам.
Читать ответ