如何将自定义css添加到伪元素

Question

如何动态地为类的伪元素添加css。

<?php if ($_option->getDescription()): ?>
    <span class="questiontooltip-wrap">
        <p class="questiontooltip" id="tooltip_<?php echo $_option->getId()?>">?</p>
        <p class="note" id="content_<?php echo $_option->getId()?>" style="display:none">
            <?php echo $_option->getDescription() ?>
        </p>

<?php endif; ?>

这是我的剧本

<script>
    jQuery(document).ready(function ($) {
        //$(".note").hide();
        $(".questiontooltip").click(function(){ 
            var titleid = "#opt-title_"+res;
            var titlewidth = $( titleid).outerWidth();//alert(titleht);
            $(".note:after").css("left", titleht+"px");

            //my actions
        });     
    });
</script>

我在变量titlewidth中有宽度值。我想动态地将此值添加到类 .note 的before和after元素中。有没有办法做到这一点？我试过上面的方法。但是没有工作。