用jquery覆盖css/javascript

Question

我有一个表格的边框被设置为1px从外部样式表（一些.css文件）的纯银。我无法控制这个文件。

这是css： my_table tbody td { 字体：8.5pt verdana，sans-serif; border-top：实心1px银; 边框底部：实心1px银色; 溢出：隐藏; padding：0px 3px 0px 2px; }

现在我想改变表格中最后一行的边框颜色为黑色。我试图使用下面的这个jQuery语句。

$('#table_1 tr:last').css('border', '1px solid black'); 

但是，这似乎并不奏效。 我如何用JQuery/JavaScript做到这一点？

Answer 1

如果它是你后的TDS，你需要解决这些问题：

$(document).ready(function(){ 
    $('#table_1 tr:last td').css('border', '1px solid black'); 
}); 

该代码将等待DOM做好准备，然后应用边框上TDS中最后一行。

编辑：看到您的CSS声明，您需要使样式更具体。以下是如何（与类名称）：

$(document).ready(function(){ 
    $('.my_table > tbody tr:last td').css('border', '1px solid black'); 
}); 

如果情况变得更糟，请去$('table.my_table > tbody tr:last td')。

Answer 2

尝试

this.style.cssText = "border: 1px solid red !important"; 

或

$('#table_1 tr:last td').css('border', '1px solid black !important');