CSS伪代码不被jQuery识别

前端之家收集整理的这篇文章主要介绍了CSS伪代码不被jQuery识别前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我的CSS伪代码不被jQuery识别:这是我的代码

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)

但是当我做:

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

显示

未定义

解决方法

您不能选择css伪元素,因为它们实际上不存在于DOM中
原文链接:https://www.f2er.com/css/214375.html

猜你在找的CSS相关文章