0

好的,所以我基本上有这个列表。我想要做的只是用 toggleClass 突出显示列表中的项目。

<div class="listbox">
    <ul>
        <li>111</li>
        <li>222</li>
        <li>333</li>
        <li>444</li>
        <li>555</li>
    </ul>
</div>


<script type="text/javascript">
    $('#container .listbox li').click(function() {

        $(this).toggleClass('highlight');

    });
</script>

CSS:

div.listbox ul li{
    background: #eee;
    padding: 15px 20px;
    border-bottom: 1px solid #999;
    border-top: 1px solid #fff;}

头:

<style type="text/css">
    .highlight{
        background: #aaa;
        padding: 20px 15px;
        border-bottom: 1px solid #fff;
        border-top: 1px solid #999;}
</style>

问题是,如果我在 .css-doc 中指定了一个 css 属性,我无法使用新类修改该值。

我尝试将它放在样式属性的上方和下方,如下所示,放在头部区域中。

单击时,js会添加类和所有,但任何预定义的值都不会改变。

4

1 回答 1

2

尝试增加类的特异性,例如:

div.listbox ul li.highlight {
于 2011-01-11T15:51:57.683 回答