Тёмный

4 полезных и новых CSS псевдокласса 

PurpleSchool | Anton Larichev
Подписаться 41 тыс.
Просмотров 5 тыс.
50% 1

Сегодня посмотрим на недавно добавленные псевдоклассы в CSS, которые могут пригодиться на практике.
🔗 Ссылки:
🎉🎉🎉 Мой новый курс по HTML и CSS: purpleschool.ru/course/html-css
- 19 часов видео
- 19 упражнений
- 15 тестов
- Неограниченный по времени доступ
🎓 Мои курсы по разработке: purpleschool.ru
👨‍💻 Клуб разработчиков: purpleschool.ru/club
💬 Telegram канал с полезными советами: t.me/purple_code_channel
Разделы видео:
0:00 - Введение
0:11 - О развитии CSS
0:47 - Псевдокласс :is и обзор проекта
5:41 - Псевдокласс :where
8:27 - Псевдокласс :has
11:21 - Псевдокласс :not
13:03 - Заключение

Опубликовано:

 

16 июн 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 38   
@PurpleSchool
@PurpleSchool 10 месяцев назад
🔗 Ссылки: 🎉🎉🎉 Мой новый курс по HTML и CSS: purpleschool.ru/course/html-css - 19 часов видео - 19 упражнений - 15 тестов - Неограниченный по времени доступ 🎓 Мои курсы по разработке: purpleschool.ru 👨‍💻 Клуб разработчиков: purpleschool.ru/club 💬 Telegram канал с полезными советами: t.me/purple_code_channel
@pryanik150
@pryanik150 10 месяцев назад
:where имба. Теперь при написании стилей по БЭМ я могу обернуть всякие hover, focus в where и избавиться от специфичности А раньше либо модификаторы приходилось использует либо другие кастыли
@PurpleSchool
@PurpleSchool 10 месяцев назад
Ага
@Javohyr
@Javohyr 10 месяцев назад
Спасибо за качественный ролик! Было очень полезно особенно :has
@PurpleSchool
@PurpleSchool 10 месяцев назад
Пожалуйста!
@akmalkarimov7159
@akmalkarimov7159 10 месяцев назад
❤❤❤
@PurpleSchool
@PurpleSchool 10 месяцев назад
❤️
@grzegorzkiselev
@grzegorzkiselev 10 месяцев назад
Firefox пока что не поддерживает :has(), в остальном отличное объяснение
@PurpleSchool
@PurpleSchool 10 месяцев назад
Спасибо!
@user-ik7rp8qz5g
@user-ik7rp8qz5g 10 месяцев назад
Очень полезный has, но в фоксе не поддерживается. Уже давно жду, когда же его можно будет в проде использовать. Для него самое полезное применение будет открывать-закрывать менюшки без скриптов и тем более без состояний. А вот is спорный. Точно то же самое делают препроцессоры со вложенностью, да и сама вложенность уже несколько месяцев нативно поддерживается браузерами (кроме опять фокса, который только в 117 версии ее добавил).
@PurpleSchool
@PurpleSchool 10 месяцев назад
👍
@pryanik150
@pryanik150 10 месяцев назад
has Наверное можно использовать если хочу покрасить родитель когда например ребенок имеет hover? Все жду появления в Firefox, а пока не пробовал его
@PurpleSchool
@PurpleSchool 10 месяцев назад
Да, верно
@govorov_top
@govorov_top 10 месяцев назад
Like
@PurpleSchool
@PurpleSchool 10 месяцев назад
Thanks!
@virtuoz-ru
@virtuoz-ru 10 месяцев назад
👍
@PurpleSchool
@PurpleSchool 10 месяцев назад
👍
@internationaluser86
@internationaluser86 10 месяцев назад
Все знал, кроме is)
@PurpleSchool
@PurpleSchool 10 месяцев назад
👍
@xeleos
@xeleos 10 месяцев назад
Неплохо, осталось подождать пару лет пока в проектах поднимут минимальные версии браузеров..
@TipAnswer
@TipAnswer 10 месяцев назад
👍👍👍
@Sokandor
@Sokandor 10 месяцев назад
Звук клавиатуры как ASMR)
@PurpleSchool
@PurpleSchool 10 месяцев назад
👍
@buendia8881
@buendia8881 10 месяцев назад
Про бордеры как по мне писать .post:has(+.post) менее лаконично чем .post:not(:last-child)
@PurpleSchool
@PurpleSchool 10 месяцев назад
Тоже хороший вариант!
@mike-aaa
@mike-aaa 10 месяцев назад
Какая странная цветовая схема... знаков-то не видно почти!
@dlazder3937
@dlazder3937 10 месяцев назад
Дефолтная тема vs code гораздо лучше. Видимо по палитру бренда выбирали, purple все таки...
@PurpleSchool
@PurpleSchool 10 месяцев назад
А мне наоборот безумно удобно. Может привык.
@mike-aaa
@mike-aaa 10 месяцев назад
@@dlazder3937 если не ошибаюсь, любую тему можно потом подпилить под себя в настройках
@user-mn3ic2ct8d
@user-mn3ic2ct8d 10 месяцев назад
Не хочу быть душнилой, курсы и все остальное на неплохо! Но ```:not()``` добавился больше чем пол года назад!
@PurpleSchool
@PurpleSchool 10 месяцев назад
Да, я вначале сказал что более пол года назад 0:20
@user-mn3ic2ct8d
@user-mn3ic2ct8d 10 месяцев назад
@@PurpleSchool Переслушал 3 раза, да согласен, но там было трудно уловить разницу между "ну и не", забираю слова обратно!
@csgo_skin1
@csgo_skin1 10 месяцев назад
Почему vs code а не neovim
@PurpleSchool
@PurpleSchool 10 месяцев назад
Для новичков. Так же все курсы я записываю тоже с ним, а для работы уже nvim
@user-ri8ow3qh7l
@user-ri8ow3qh7l 10 месяцев назад
Бесполезные псевдо-елементы, если использушь БЭМ
@pryanik150
@pryanik150 10 месяцев назад
Наоборот без них трудно было
@HEX_CAT
@HEX_CAT 10 месяцев назад
❤❤❤
@PurpleSchool
@PurpleSchool 10 месяцев назад
❤️
Далее
CSS заменит JavaScript? WTF?!?!
9:47
Просмотров 60 тыс.