Jquery addClass 适用于宽度和高度，但不适用于背景和颜色

Question

我有一个让我摸不着头脑的 jquery 问题。我想为每个列表项添加Class。虽然列表项的宽度和高度确实增加，但背景和颜色不会改变。为什么？谢谢。

Jquery:

<script>
    $(document).ready(function(){
        $(".userarea_nav li").each(function(){
        $(this).addClass("selected");
        });
    });
</script>

CSS:

.selected{
    background: blue;
    color: yellow;
    height: 200px;
    width: 100px;
}

Answer 1

如果你已经有 li 的 css 背景，请尝试!重要

.selected{
    background: blue !important;
    color: yellow;
    height: 200px;
    width: 100px;
}

DEMO without important

DEMO with important