用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');