jquery - jQuery 无法识别 CSS 伪代码

Question

jQuery 无法识别我的 CSS 伪代码:这是我的代码

CSS:

h1 {
    background: red;
    width: 100px;
    display: inline-block;
}

h1:after {
    content:" | ";
    background:blue;
    display: inline-block;
}

然后在 jQuery 中我这样做:

console.log($('h1').css('backgroundColor'));

是节目:

rgb(255, 0, 0)

但是当我这样做的时候:

console.log($('h1:after').css('backgroundColor'));

是节目:

未定义

Answer 1

您不能选择 css 伪元素，因为它们实际上并不存在于 DOM 中