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选择单个表格单元格相关推荐

VUE Table复杂表格生成带格式的excel（多表头、合并单元格、边框、居中、背景）
VUE Table复杂表格生成带格式的excel(多表头.合并单元格.边框.居中.背景) 因为工作需要,在网上找了很多都不太行无意之间看到一个大佬的打码拿过来改了改居然可以用! 原文链接:https: ...
css 多行文字左对齐,纯CSS实现文字一行居中，多行左对齐的方法
其实这种需求还是蛮常见的,主要用于产品列表页面,用于产品图片下面,显示产品的名称. 想要实现的效果为: 未知文字长度,当文字长度小于盒子宽度,也就是一行时,文字居中. 当文字长度大于盒子的宽度,会自动 ...
css文本向左对齐怎么设置,css怎么设置文本左对齐
在css中,可以利用text-align属性来设置文本左对齐,只需要给文字所在标签添加"text-align:left"样式即可.text-align属性用于指定元素中的文本的水平 ...
css设定元素左对齐,左对齐标签 - 右对齐选择元素（CSS）
我有一个表单布局,我想显示左对齐的标签和右对齐的表单控件.我一直试图让它在表单控件上使用float:right(在这种情况下为a),然后将clearfix类应用于它,但clearfix似乎不在我的选择 ...
Latex表格标题左对齐，并且table加粗
首先在usepackage 区域输入以下内容 \usepackage{booktabs} \usepackage{array, caption, threeparttable} \usepackage ...
word的表格解决左对齐但不在左边，对齐不正常
如下图所示显示为左对齐,看着却是右对齐,中间对齐.这是为什么呢? 又如何解决? 方法一:调整单元格边距打开边距发现左右两边都是0.19厘米,为何还是对不到左边呢?如果左右边距不一致是要调整的.如果一 ...
《HTML、CSS、JavaScript 网页制作从入门到精通》——6.6 单元格属性
本节书摘来自异步社区<HTML.CSS.JavaScript 网页制作从入门到精通>一书中的第6章,第6.6节,作者:[美]John Resig(莱西格) , Bear Bibeault( ...
html表格里怎么让字分行,excle文字怎么换行 | Excel单元格里文字如何分行
Excel单元格里文字如何分行 1.打开一个Excel件,选中一个单元格,输入一段长,如下图所示: 2.鼠标左击单元格键单击[设置单元格格式],如下图所示. 3.接着会弹出的[设置单元格格式]的窗口, ...
cdr 表格自动填充文字_当文字内容太多excel单元格盛不下应该怎么做
Excel中单元格列宽除了自动列宽,还有其他的操作吗当我们在编辑excel数据,特别是要打印出来的表格.有时候会因为表头单元格文字内容太多放不下,此时单元格就会显示"########&qu ...

css表格nth左对齐,使用CSS nth-child选择单个表格单元格

css表格nth左对齐,使用CSS nth-child选择单个表格单元格相关推荐

最新文章

热门文章