Javascript 如何删除css las子项添加的样式

我在删除添加了css的

last child

属性的样式时遇到问题

第一次我希望

最后一个列表

项目突出显示，当单击某个特定元素时它必须突出显示

$（函数（）{
$（'.all list li'）。单击（函数（）{
$（this.css（'background'，'red'）；
//试图删除与CSS一起添加的代码，：最后一个子项
$（'.all list'）.last（）.css（'background'，'none'）；
});
});
ul.all-list{
列表样式：无；
}
ul.all-list li{
显示：内联块；
填充物：5px；
字体大小：20px；
}
李：最后一个孩子{
背景：红色；
}
活动类{
背景：红色！重要；
}


首先
第二
第三
第四
您可以使用同级删除颜色，但单击的颜色除外
你可以试试这个方法

 $(function(){
       $('.all-list li').click(function(){
          $(this).css('background','red');
          $(this).siblings().css('background', 'none');
       });
    });

或

 $(function(){
    $('.all-list li').click(function(){
    $(this).css('background','red').siblings().css('background', 'none').end();
       });
     });