Исправляет и дополняет специфичность для псевдо-классов

[artur-demidov]

Описание

Постарался написать кратко. Боюсь не очень получилось, приветствуется редактура.

В строке про :not() и :is(), не хватает еще :has(). Но тут возникла проблема, с которой я и завис. А какая специфичность у :has()? Нашел всего пару ресурсов где есть хоть какое то упоминание веса для :has()

Калькулятор

Какой то блог

The specificity of :has() is that of its most specific argument

stackoverflow

and :has() do but only based on what they have inside

Но! проблема в том что единственный браузер где работает :has() сейчас, это safari, и в нем сам псевдо-класс имеет вес 0 1 0, и к нему еще прибавляется самый "большой" вес из аргументов.

Вот демка - тестировал в safari и chrome с флагом (Experimental Web Platform features). Результаты очевидно разные.

Closes #3251

Чек-лист

• Текст оформлен согласно руководству по стилю
• Ссылки на внутренние материалы абсолютные, заканчиваются слэшем либо якорем на заголовок (/css/color/, /tools/json/, /tools/gulp/#kak-ponyat)
• Ссылки на картинки, видео и демки относительные (demos/index.html, ../demos/example.html)

[artur-demidov]

После прояснения ситуации с :has() нужно будет отредактировать данную секцию

[SelenIT]

Вот это да! Ничего себе, как все, включая меня, на радостях от того, что :has() вообще появился, проморгали такого слона 😲

По спеке специфичность :has(), как и у :is() и :not(), берется от самого специфичного селектора внутри скобок. В Safari, получается, баг 🤯😱 (засабмитил, приложив ссылку на этот пример).

Один псевдокласс плюс самый специфичный селектор в скобках – насколько я в курсе, на сегодняшний день только у :nth-*-child(An + B of ...), которые тоже работают только в Safari, поэтому о них почти никто не знает и не вспоминает (а жаль).

[artur-demidov]

@SelenIT Посмотрел ишью, вроде сразу и пофиксили.

Вот думаю, стоит ли углубляться в описание механики работы

"берется от самого специфичного селектора внутри скобок".

Наверно точнее будет сказать примерно так

"принимает вес селектора который совпал, но если совпало несколько, то берется вес самого весомого"

пока думаю как кратко сформулировать, и так много слова "вес" в одном абзаце

[SelenIT]

вес селектора который совпал

Так было одно время, но потом это упростили. Сейчас берется вес самого «тяжелого» аргумента в скобках независимо от того, совпал он или нет.

[artur-demidov]

@SelenIT Спасибо за уточнение, ошибочно сделал вывод вообще из другого примера

[solarrust]

И тут классно всё =)

Допиши себя в контрибьюторы и этой статьи тоже, пожалуйста 👍