F

FRONT | Фронтенд | JavaScript | CSS | TanStack Start | Chrome 158 | Safari 27.2 | Preact 11 | Remix 3 | JPEG XL | TypeScript | Next.js 16.4 | Interop 2027 | WebMCP | React Compiler | Base UI 1.9

IT и технологии · 2 августа 2026 г.

Открыть канал в MAX

CSS :has() наконец-то везде. Chrome 105+, Firefox 121+, Safari 15.4+, ~95% пользователей.

CSS :has() наконец-то везде. Chrome 105+, Firefox 121+, Safari 15.4+, ~95% пользователей. Что это меняет: можно стилизовать родителя по тому, что у него внутри. .field:has(input:user-invalid) подсвечивает ошибку до сабмита. .card:has(> img) — карточка сама понимает, есть картинка или нет. Мобильное меню на body:has(#menu-toggle:checked) работает без единой строчки JS. Подводный камень: список селекторов не forgiving. Накосорежил в одном, всё правило мимо.