Javascript 如何在按下按钮时覆盖CSS类，并用另一个按钮将其删除？

当有人按下按钮时，我正在尝试将闪烁效果css类应用于整个表。但是，某些行不受blink类的影响

$（“#报警”）。单击（函数（）{
$（“#tableContainer”）.addClass（“blink”）；
});
$（“#停止报警”）。单击（函数（）{
$（“#tableContainer”）.removeClass（“闪烁”）；
});
。标题{
文本对齐：居中；
背景色：#C1C1；
}
.监视器{
文本对齐：居中；
}
.行{
文本对齐：右对齐；
背景色：粉蓝色；
}
div{
对齐内容：居中对齐；
}
th，
运输署{
最小宽度：80px；
宽度：自动；
文本对齐：居中；
左侧填充：10px；
右边填充：10px；
}
tr:n个孩子（偶数）{
背景色：#f1f1；
}
.眨眼{
动画：闪烁200毫秒无限交替；
}
/*闪烁效果颜色切换器*/
@关键帧闪烁{
从{
背景色：白色；
}
到{
背景色：红色；
}
}
;

dsgegaw
fvsegwaf
皮亚格瓦
p76uihx
gdjhrdu3
sg45y7ids
30jqnfj
][2proq2=0-i
-20=riojwkfl
t-09tujkjgf
系统时间
地位
记录时间
启动警报
停止报警
所有具有自己的
背景色的元素都不会从容器继承样式。您需要将类放在这些元素上


$（“#报警”）。单击（函数（）{
$（“#tableContainer td，#tableContainer th”）.addClass（“闪烁”）；
});
$（“#停止报警”）。单击（函数（）{
$（“#tableContainer td，#tableContainer th”）.removeClass（“blink”）；
})；
。标题{
文本对齐：居中；
背景色：#C1C1；
}
.监视器{
文本对齐：居中；
}
.行{
文本对齐：右对齐；
背景色：粉蓝色；
}
div{
对齐内容：居中对齐；
}
th，
运输署{
最小宽度：80px；
宽度：自动；
文本对齐：居中；
左侧填充：10px；
右边填充：10px；
}
tr:n个孩子（偶数）{
背景色：#f1f1；
}
.眨眼{
动画：闪烁200毫秒无限交替；
}
/*闪烁效果颜色切换器*/
@关键帧闪烁{
从{
背景色：白色；
}
到{
背景色：红色；
}
}
；

dsgegaw
fvsegwaf
皮亚格瓦
p76uihx
gdjhrdu3
sg45y7ids
30jqnfj
][2proq2=0-i
-20=riojwkfl
t-09tujkjgf
系统时间
地位
记录时间
启动警报
停止报警
检查此项


$（“#报警”）。单击（函数（）{
$（“#tableContainer”）.addClass（“blink”）；
$（“#状态”）.addClass（“闪烁”）；
});
$（“#停止报警”）。单击（函数（）{
$（“#tableContainer”）.removeClass（“闪烁”）；
$（“#状态”）.removeClass（“闪烁”）；
})；
。标题{
文本对齐：居中；
背景色：#C1C1；
}
.监视器{
文本对齐：居中；
}
.行{
文本对齐：右对齐；
背景色：粉蓝色；
}
div{
对齐内容：居中对齐；
}
th，
运输署{
最小宽度：80px；
宽度：自动；
文本对齐：居中；
左侧填充：10px；
右边填充：10px；
}
tr:n个孩子（偶数）{
背景色：#f1f1；
}
.眨眼{
动画：闪烁200毫秒无限交替；
}
/*闪烁效果颜色切换器*/
@关键帧闪烁{
从{
背景色：白色；
}
到{
背景色：红色；
}
}
；

dsgegaw
fvsegwaf
皮亚格瓦
p76uihx
gdjhrdu3
sg45y7ids
30jqnfj
][2proq2=0-i
-20=riojwkfl
t-09tujkjgf
系统时间
地位
记录时间
启动警报
停止报警
答案是使我的jQuery addClass和Remove Class更加具体：

$("#alarm").click(function(){
    $("#tableContainer th").addClass("blink");
    $("#tableContainer td").addClass("blink");
});

$("#stopAlarm").click(function(){
    $("#tableContainer th").removeClass("blink");
    $("#tableContainer td").removeClass("blink");
});

完整表正在闪烁。那么问题出在哪里？@AlivetoDie我正在尝试使状态行、标题和第一列的背景也在闪烁。行的CSS优先于容器的CSS。由于该行有自己的
背景色，因此它不使用从中继承的背景色
#tablecontainer
。这样做：-
$（“#报警”）。单击（函数（）{$（“#tablecontainer trth，#tablecontainer trtd”）.addClass（“blink”）；$（“#stopAlarm”）。单击（函数（）{$（“（“#tablecontainer trth，#tablecontainer trtd”）。removeClass（“blink”）；