首页 文章

用jquery / javascript覆盖css

提问于
修改于
浏览 583
1

我有一个表,其边框设置为1px纯银从外部样式表(一些.css文件) . 我无法控制这个文件 .

这是css:my_table tbody td {font:8.5pt verdana,sans-serif; border-top:固体1px银;边框底部:实心1px银;溢出:隐藏;填充:0px 3px 0px 2px; }

现在我想将表格中最后一行的边框颜色更改为黑色 . 我试图使用以下jQuery语句 .

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

但这似乎不起作用 . 我怎么能用JQuery / JavaScript做到这一点?

2 回答

  • 1

    如果这是您所追求的TD,您需要解决它们:

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

    此代码将等待DOM准备就绪,然后在最后一行的TD上应用边框 .

    Edit: 看到您的CSS声明,您需要使样式更具体 . 这是如何(与 class 名称):

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

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

  • 0

    尝试

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

    要么

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

相关问题