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'));

显示：

undefined

Answer 1

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

中