Javascript 如何更改伪锚点的边框颜色

我有下面的HTML

<div id="Chevron" style="width: 100%">
    <ul>
        <li>
            <a href="#" style="z-index: 6; width: 80px;">Create New Request.</a>
        </li>
        <li>
            <a href="#" style="z-index: 5; width: 80px;">Add NPAC Document.</a>
        </li>
        <li>
            <a href="#" style="z-index: 4; width: 80px;">Send To reviewers</a>
        </li>                           
    </ul>
</div>

所以现在我想改变ul所有三个元素的颜色。 因此，我使用jquery来实现这一点

$(document).ready(function () {
    $("#Chevron ul li a").each(function (index, element) {
        $(element).css('background', cars[index]);
        //$(element).css('border-left-color', cars[index]);
    });
});

但它只是改变锚点元素的颜色，而不是它的a:后边框留下的颜色

那么，我如何更改a:after元素的颜色呢

---

谢谢

如前所述，这是

您无法访问元素的

：after

属性，因为它实际上不存在于DOM中。 相反，您可以添加/更改元素的css类

这里是一个片段

$（文档）.ready（函数（）{
$（“雪佛龙ul li a”）。每个（功能（索引，元素）{
//$（element）.css（'background'，cars[index]）；//禁用以使代码段正常工作
$（this）.addClass（“changed”）；//您正在添加.changed类
});
});
雪佛龙ul li a：之后{
z指数：1；
内容：“；
边框顶部：40px实心透明；
边框底部：40px实心透明；
左边框：40px实心#3498db；
位置：绝对；右侧：-40px；顶部：0；
}
/*这是你的课，换了*/
#雪佛龙ul li a.变更：之后{
左边框：40px纯绿色；
}

$(document).ready(function () {
    $("#Chevron ul li a").each(function (index, element) {
        $(element).css('background', cars[index]);
        //$(element).css('border-left-color', cars[index]);
    });
});