Загадка про ":after" и ":before". , распоследние версии для браузеров

[Tishaishii]

Вопросик по JavaScript.
Есть HTML:

<div class="yyy">xxx</div>

Есть CSS:

.yyy {
  display: inline-block ;
}
.yyy:after {
  content: "V" ;
}

Допустим, JavaScript. Цель - обработать нажатие на ".yyy:after" :

window.document.querySelector( ".yyy:after" ).addEventListener( "click" , ( { "target" : node , "currentTarget" : item , } ) => console.log( [ node , item , ] ) ) ;

Есть с натяжкой, примерно, удалось пристроить https://developer.mozilla.org/en-US/docs/We...Node/isSameNode , но пробелы с логикой.

node===item

Получается или без ":after" или только ".yyy". По какому признаку можно определить ":after" в JavaScript?

Сообщение отредактировано: Tishaishii - 23.04.23, 06:51

[fatalist]

Привет!

Случайно не это ищешь:
https://www.w3schools.com/jsref/prop_node_nextsibling.asp
?