как вложить псевдоэлемент в другой псевдоэлемент в scss

Question

я пытаюсь добавить некоторые пользовательские стили к атрибуту title в scss, я нашел ресурс, который показывает, как это сделать в css, в основном он вкладывает один псевдоэлемент в другой,

[data-title]:hover::before {

    content: attr(data-title);

}

как я могупреобразовать эту вложенность в scss?

ниже ссылка, на которую я ссылаюсь, она использует css, я хочу ее на scss, https://codepen.io/shimdim/pen/NjyNNb

Answer 1

Вы можете попробовать это так:

Используйте &:hover:after {} для нацеливания на псевдоэлемент после элемента, над которым наведен курсор.

&:after:hover {} выберет псевдоэлемент послеи используется при наведении.