悬停状态和JS单击元素后的CSS上的功能

Question

我有一个css after元素需要像返回页面顶部按钮一样运行但由于某种原因，悬停状态和jQuery单击功能似乎不起作用。不确定它是否可能是我错过的语法错误？

HTML

<div id="divMain">
    ::after
</div>

CSS：

#divMain:after { content: 'Back  To Top'; position: relative; left: 93%; font-size: 16px; bottom: 30px; cursor: pointer; padding: 5px 10px; }
#divMain:after:hover { color: #b0f14f; }

JS / jQuery的：

$('#divMain:after').click(function () {
        $('html, body').animate({ scrollTop: 0 }, 'fast');
    });

Answer 1

https://stackoverflow.com/a/17789110/3381024

：jquery无法访问选择器后，因为它在技术上不是DOM的一部分。

如果您正在使用jquery，请向其添加另一个类。然而，对于使用绝对定位的元素，不确定原因：当你需要制作一个新的元素并将它设计为时，需要之后