javascript - include::before 伪类在 javascript 中

Question

为什么这个东西不起作用？如果我从 javascript 和 css 中删除::before 它就可以了。但由于设计需要，必须有一个::before。我如何指向类 +::before？

$(function () {



var sections = $("section");
var navigation_links = $("nav a");

sections.waypoint({
    handler: function (event, direction) {

        var active_section;
        active_section = $(this);
        if (direction === "up") active_section = active_section.prev();

        var active_link = $('nav a[href="#' + active_section.attr("id") + '"]');
        navigation_links.removeClass("selected::before");
        active_link.addClass("selected::before");

    },
    offset: '25%'
})

});

CSS:

.selected::before {
display: block;
content: "";
margin-top: 6px;
width: 8px;
height: 8px;
background: url(../img/sprite.png) -126px -196px;
background-size: 400px 480px;
float: left;
margin-left: 20px;
margin-right: 20px;

Answer 1

您不需要在 JS 中添加 ::before。只要 .selected 类出现在元素上，CSS 就会完成剩下的工作。 addClass("selected::before") 告诉浏览器添加一个名为“selected::before”的类，这不是您想要的。 (我什至不确定你是否可以在类名中使用 ::，但我怀疑不是。)