Можно ли изменить стили псевдоелемента?

Question

[TakeshiKoma]

Добрый день, сталкнулся с проблемой и хотел бы узнать, можно ли изменить стили псевдоэлемента :after, в зависимости от того, задизейблен или нет соседний элемент (родитель у них общий).

Answer 1

[Сергей delphinpro]

https://developer.mozilla.org/ru/docs/Web/CSS/:has
https://caniuse.com/css-has

Наверное так

.wui-select-container:has(input:disabled)::after {

}

Comments

[TakeshiKoma]

да, но у него пока слабая поддержка, в любом случае спасибо

[Сергей delphinpro]

TakeshiKoma, по другому никак в css

[ProjectSoft]

Или по другому, не используя has

input[disabled] + .wui-select-container[disabled]::after {

}

[Сергей delphinpro]

ProjectSoft, тогда нужно вешать атрибут disabled и на сам контейнер, а не только на элемент внутри.
UPD такой селектор вообще работать не будет в данном случае

[ProjectSoft]

Сергей delphinpro, зачем? Я же явно указал - соседний элемент. В моём коде родителя нет.
PS:
АААА!!! Всё понял. Я не прав.

[Сергей delphinpro]

ProjectSoft, да не соседний он. Посмотрите на скрин – в тулзах кажется что ::after соседний с селектом. Но на самом-то деле ::after принадлежит родительскому диву.

[ProjectSoft]

Сергей delphinpro, да, всё правильно. Я бы тогда при выводе добавил бы класс к родителю. Но это уже другая история и требует плотного изучения творящегося на фронте.