Как подобрать селектор?

Question

[Андрей Федоров]

суть такая, есть попап-окно, кнопка закрытия сделана через ::after
нужно задать кнопке :hover

конструкция div:hover:after не работает.
конструкция div::after:hover работает, но кнопка в состоянии :hover когда курсов в любом месте на div, а не только над кнопкой.

Есть мысли?

ps: Простите код? Ладно, есть код codepen.io/aliencash/pen/wMPopL

нужно чтобы кнопка меня состояние только когда курсор над кнопной, а не надо всем div'ом.

Answer 1

[mletov]

.container:hover div::after

А вообще надо разметку видеть

Comments

[Алексей Струков]

this )
Это единственный способ без js
Недавно сам изучал этот вопрос и ничего кроме этого не придумалось и в интернете не нашлось )

[Андрей Федоров]

Дал код, прошу...

[Алексей Струков]

Андрей Федоров: Посмотрел код. Облом. Это невозможно сделать (

[Андрей Федоров]

Да, мне уже сказали.

[Алексей Струков]

Only one pseudo-element may appear per selector, and if present it must appear after the sequence of simple selectors that represents the subjects of the selector.
Вот что говорит w3.org
Если кратко - ::after должен стоять самым последним в цепочке селекторов
Это касается и остальных псевдо-элементов и только один такой элемент может быть в цепочке

[Андрей Федоров]

Алексей Струков: строго говоря нет. можно так codepen.io/aliencash/pen/BjmdPx
но вроде это только с :not и работает.

[Алексей Струков]

Андрей Федоров: а где там псевдо-элемент?
Их 5 штук всего вроде:
after, before, first-letter, first-line, selection

[mletov]

Мда, похоже, только разметку менять

[Андрей Федоров]

Алексей Струков: nth-child... оказывается это псевдокласс. не знал.

Answer 2

[hax0r :3]

Ты лучше код покажи, так тебе не кто нечего не скажет. Лично я не понял.

Comments

[Андрей Федоров]

Дал код, прошу...

Answer 3

[Илья Пирожок]

Действительно не пашет, все перепробовал. Используй обычный div