Сравнение новых псевдоклассов CSS — :is() :where() :has()

⚡️ Скидка 30% на любой тариф до конца недели

Практика на закрепление материала из видео:
(будет опубликовано завтра)

Таймкоды:
00:00 Вступление
00:41 Пример c :is()
02:43 Пример №1 c :is() и :where()
05:56 Курс по верстке со скидкой
06:24 Пример №2 c :is() и :where()
09:35 Больше практики на Boosty
10:09 Пример №3 c :is() и :where()
11:59 Пример №4 c :is() и :where()
13:48 Пример с :has()

[kudruk]

У вас очень грамотные обучающие материалы. Вот что значит хороший подход. Лайк вам.😊

[KidsPlanetOfficialChannel]

Вы очень подробно объяснили сравнение новых псевдоклассов CSS. Было полезно узнать много новой инофрмации, спасибо, Анна, за очередной выпуск.

[hldogtx]

Отличный обзор! Интересно и очень информативно! Спасибо за дельные советы и рекомендации!

[basn]

спасибо за полезняшки, очень красиво м грамотно, всё как я люблю

[MariannaMarianna]

Хорошое видео, много полезных советов, спасибо ❤

[olena_shatun]

Спасибо большое за то что делитесь своим опытом и знаниями

[MasikLabs]

Давно не следил за css, прям спасибо от души, последняя фишка с has классная для стилизации чекбоксов прям огонь, чтоб не ставить класс через js для родителя.

[yuliya]

Спасибо большое за видео и информацию. Сравнение то что надо. Многим людям помогло это.

[xgjivdr]

Вот и есть возможность выбора, спасибо за советы.

[fkldrod]

Спасибо за интересную и полезную информацию.🔥👍

[bjhgktq]

Капець я навіть не знав що таке взагалі може бути. Добре що є такі відео.

[andreylagno]

очень неплохое видео с очень неплохим контентом

[FedorVorobyev]

Да, слов нет, довольно интересное, а тглавное очень даже полезное сравнение новых псевдоклассов CSS

[dembelsky]

Для тех, кто уже весьма достаточно разбирается в вёрстке, продвинутый курс будет в самый раз!

[Alex-miij]

Надо посмотреть ваш предыдущий ролик, а попозже досмотрю и этот)

[andreydubov]

при оценке специфичности вместо сдвигания туда суда, мне не хватило обычного указания веса, на сколько where ослабляет селектор и на сколько is утяжеляет селектор в числовом значении.

[geramaks]

Хорошо, когда человек разбирается в верстке на уровне профи...

[flogger]

1. Объяснение примеров запутанное, как по мне.
2. Общая специфичность :is() равна наиболее специфичному из переданных селекторов, :where() - всегда дает ноль вне зависимости, что в скобках.
Также важно, что именно сами данные псевдо-классы не добавляют баллы специфичности (как и not() и has() )

3. :is(.header, .contact) a {...} - специфичность равна 011
.header :is(a, .nav-link) {...} - спец-ть равна 020
.header :where(a, .nav-link) {...} - спец-ть равна 010
.header a {...} - спец. равна 011
.header .nav-link {...} - спец. равна 020

4. Где больше специфичность селектора, то правило используется. Если равенство по баллам, тогда включается каскад (иерархия в коде)

[vladimirfesenko]

Анна, для предыдущего потока продвинутого курса как получить доступ к новым урокам или это не предусмотрено?

[wyzlueu]

Одна из самых не поддающихся тем для меня, псевдоклассы всегда были проблемой, которая никак не хотела легко решаться. Посмотрим, как будет теперь, вроде стало понятней.