Вы не знаете CSS. Мои вопросы о CSS с ответами. Версия 2026 года

В сфере искусственного интеллекта произошло заметное событие. melnik909 14 минут назад Вы не знаете CSS. Мои вопросы о CSS с ответами. Версия 2026 года Средний 7 мин 376 Блог компании RUVDS.

com CSS * Веб-разработка * Обзор Хабр, привет! В прошлом месяце я опубликовал статью с вопросами о HTML. Неожиданно для меня, она понравилась многим и стала одной из самых популярных за последнее время.

Технические детали

Раз так получилось, то почему бы не сделать то же самое про CSS? Вот я и пришёл со своими вопросами и, конечно, ответами. Моя цель — это развлечь вас.

Хотя вопросы связаны с практикой, на них не так просто ответить. Если вы не сможете ответить на большинство, то ничего страшного. Но, возможно, они покажутся вам легкотнёй.

Давайте посмотрим, что я вам подготовил. Какая специфичность у следующего селектора? awesome-block:has(button, .

Отраслевые последствия

awesome-element, #some-element) { }ОтветПсевдо-класс :has() принимает список селекторов. Браузеры анализируют его и выбирают наиболее значимый. Важный нюанс заключается в том, что неважно, сработает ли сам селектор.

Они просто рассчитывают специфичность и выбирают самый значимый. По этой причине в нашем примере браузеры отберут селектор по идентификатору, в качестве самого значимого. Специфичность этой части будет 1, 0, 0.

Далее браузеры прибавят специфичность классу . В итоге получим 1, 1, 0. Правильный ответ: Специфичность равна 1, 1, 0.

Этот прогресс даёт важные сигналы о будущем отрасли, и технологический мир внимательно наблюдает.