Встречается на собеседованиях • сегодня

Как браузер ищет CSS селекторы

Браузер читает CSS селекторы справа налево. Сначала он находит все элементы, соответствующие правой части селектора, затем проверяет их родителей на соответствие оставшейся части. Например, для селектора `div .menu li`: 1. Найдёт все элементы `
  • ` 2. Проверит, есть ли у них родитель с классом `.menu` 3. Проверит, есть ли у этого родителя тег `
    ` Этот подход оптимизирует поиск, так как обычно элементов справа больше. Чем правее часть селектора, тем она должна быть более специфичной. ```css /* Плохо - браузер сначала найдет ВСЕ div */ div .menu li {...} /* Лучше - ограничиваем поиск элементами с классом */ .menu-item li {...} /* Оптимально - сразу указываем нужный класс */ .menu-link {...} ```
    • Sophi
    Софи собрала все вопросы. Тренируйся и получай
    офферы быстрее!
    Попробовать бесплатноArrow

    Следующий вопрос

    Это единственный вопрос по вашему фильтру

    как отвечать на вопрос
    пример собеседования
    фреймворки на собеседовании
    типичные вопросы junior
    интервью вопросы и ответы