访问CSS“：”带有jQuery的选择器

Question

访问CSS“：”带有jQuery的选择器

我有以下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'
        }
    )

Answer 1

您可以添加样式*之后类似的html代码。例如：var&nbsp;value&nbsp;=&nbsp;22;body.append('<style>.wrapper:after{border-top-width:&nbsp;'&nbsp;+&nbsp;value&nbsp;+&nbsp;'px;}</style>');

Answer 2

如果使用jquery内置的after()使用空值，它将创建一个动态对象，该对象将与您的:afterCSS选择器。$('.active').after().click(function&nbsp;()&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;alert('clickable!');});见jQuery文档.