У цьому відео я розкажу про CSS4… але спойлер: CSS4 не існує😄
Зате існують нові, реально корисні можливості сучасного CSS — Nesting, селектори рівня 4, оновлені медіа-запити.
Показую, як вони працюють на практиці та як вже сьогодні можуть спростити твою верстку.

## 📌 Таймкоди

00:00 Вступ
00:03:35 CSS Nesting: написання вкладених стилів
00:06:29 Нові селектори: :is() та :where()
00:10:45 Потужний селектор :has()
00:14:41 Оновлений селектор :not()
00:16:06 Чому з новими фічами BEM поводиться інакше
00:18:31 Сучасні медіа-запити

## 🔗 Посилання з відео

Плагін CSS Nesting (VS Code) — https://marketplace.visualstudio.com/items?itemName=jacobcassidy.css-nesting-syntax-highlighting
CSS Nesting — https://caniuse.com/css-nesting
Selectors Level 4 — https://caniuse.com/?search=Selectors+Level+4
Нові медіа-запити — https://caniuse.com/?search=media-queries

#css #css4 #cssnesting #selectors4 #has #is #where #frontend #webdev #верстка #урокицss #moderncss #htmlcss #фронтенд