javascript - 从 jquery 添加伪样式

Question

我在执行以下代码时遇到了问题。从 jquery 添加以下样式时出现的问题。

CSS

  .arrow_box {
position: absolute;
width: 24px;
border-radius: 30px 30px 3px 3px;
height: 17px;
float:left;
 }
.arrow_box:after {
border-color: rgba(136, 183, 213, 0);
border-top-color: #88b7d5;
border-width: 14px;
left: 0%;
 }

jQuery

<script type="text/javascript">
$(document).ready(function () {
    $('.arrow_box:after').css({
        "border-color": "red",
            "border-top-color": " #88b7d5",
            "border-width": "12px",
            "left": "0%"
    });
});
</script>

不会有任何 jquery 错误，但它不工作

Answer 1

你不能直接用 jquery 做这个。但是这里使用纯 javascript 解决方案 http://www.4pmp.com/2009/11/dynamic-css-pseudo-class-styles-with-jquery/