首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >使用jQuery访问css ":after“选择器

使用jQuery访问css ":after“选择器
EN

Stack Overflow用户
提问于 2013-07-22 21:34:14
回答 1查看 546.7K关注 0票数 240

我有以下css:

.pageMenu .active::after {
    content: '';
    margin-top: -6px;
    display: inline-block;
    width: 0px;
    height: 0px;
    border-top: 14px solid white;
    border-left: 14px solid transparent;
    border-bottom: 14px solid white;
    position: absolute;
    right: 0;
}

我想用jQuery改变上、左、下边框的边框宽度。我用什么选择器来访问这个元素?我尝试了以下方法,但似乎不起作用。

$('.pageMenu .active:after').css(
        {
            'border-top-width': '22px',
            'border-left-width': '22px',
            'border-right-width': '22px'
        }
    )
EN

回答 1

Stack Overflow用户

发布于 2015-02-12 07:38:19

如果您使用带有空值的jQuery内置after(),它将创建一个与您的:after CSS选择器匹配的动态对象。

$('.active').after().click(function () {
    alert('clickable!');
});

请参阅jQuery documentation

票数 7
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/17788990

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档