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。