利用伪元素设置元素是否选中状态

最新推荐文章于 2023-03-09 15:01:05 发布

przlovecsdn

最新推荐文章于 2023-03-09 15:01:05 发布

阅读量919

点赞数

文章标签：伪元素选中 :before ::after

本文链接：https://blog.youkuaiyun.com/przlovecsdn/article/details/81740243

版权

li::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: .36rem;
    height: .36rem;
    margin-top: -.18rem;
    border-radius: .36rem;
    border: .01rem solid #279ECD;
}

li.active::before {
    background-color: #279ECD;
}

$('ul').click('click','li',function(){
    $(this).addClass("active").siblings().removeClass("active");
})