好的,所以我基本上有这个列表。我想要做的只是用 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会添加类和所有,但任何预定义的值都不会改变。