css表格nth左对齐,使用CSS nth-child选择单个表格单元格
4 個答案:
答案 0 :(得分:0)
只需將對.first()的調用附加到您的jQuery選擇器:
$(document).ready(function() {
$('table tbody tr td:nth-last-child(2) a:nth-child(1)').first().css('backgroundColor', 'orange');
});
First Row- First Data | First Row- Second Data | First Row- Third Data | First Row- Fourth Data |
Second Row- First Data | Second Row- Second Data | Second Row- Third Data | Second Row- Fourth Data |
Third Row- First Data | Third Row- Second Data | Third Row- Third Data | Third Row- Fourth Data |
答案 1 :(得分:0)
table tbody tr:nth-??child(2)td:nth-??child(3){background-color:yellow;}
table tbody tr:nth-??child()td:nth-??child(3){background-color:yellow;}
答案 2 :(得分:-1)
這是因為您沒有選擇特定的行(
)元素。如果第三行的第三個單元也是一個鏈接,那將更加明顯。您需要將JS更改為:$(document).ready(function () {
$('table tbody tr:first-child td:nth-last-child(2) a:nth-child(1)').css('backgroundColor', 'orange');
});
:first-child的使用允許您限制對表格的第一個
元素的更改。答案 3 :(得分:-1)
$(document).ready(function () {
$('table tbody tr:nth-child(1) td:nth-child(3) a:nth-child(1)').css('backgroundColor', 'orange');
});
First Row- First Data | First Row- Second Data | First Row- Third Data | First Row- Fourth Data |
Second Row- First Data | Second Row- Second Data | Second Row- Third Data | Second Row- Fourth Data |
Third Row- First Data | Third Row- Second Data | Third Row- Third Data | Third Row- Fourth Data |
僅使用nth-child。
總結
以上是生活随笔為你收集整理的css表格nth左对齐,使用CSS nth-child选择单个表格单元格的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Google的地理信息反向编码结果中的字
- 下一篇: 带你了解无限流量卡的骗局!