如何使用jquery更改元素和:: after元素之前的Pseudo ::

Question

我有一个日期时间选择器日历，我需要修改一些Pseudo元素，

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
    border-bottom: 7px solid #ccc;
    border-bottom-color: rgba(0,0,0,.2);              
    left: 7px;
}

这是我的伪css，我需要将其修改为235px，但我似乎无法使用jquery进行修改。 试了这个没有成功，

if(selectedRow == noOfRows){
            $(".bootstrap-datetimepicker-widget.dropdown-menu.bottom:before").css({
               "left":"235px !important"
            });
            $(".bootstrap-datetimepicker-widget.dropdown-menu.bottom:after").css({
                "left":"235px !important"
            });
        }

赞赏建议和知识。