我有一张带有tr的表,在某些tr上我有一个名为“comment”的类,而在另一个名为“something”的类中:example
<body>
你好
<tr class="comment"><td>World</td></tr>
<tr class="something"><td>!!!</td></tr>
<tr class="something"><td>hello</td></tr>
现在我需要班级“评论”的最后一个孩子将与另一个背景。我该怎么做?似乎没有什么对我有用。
答案 0 :(得分:0)
你可以用jQuery做到这一点,我认为没有办法用CSS做到这一点。 在示例中,我将背景设为红色,但您可以做任何您需要的事情。这是一个小提琴:https://jsfiddle.net/arwa36hg/
$('.comment').last().find('td').css('background-color', 'red');
答案 1 :(得分:0)
为什么它不适用于CSS?
last-child
选择器用于选择父项的最后一个子元素。它不能用于在给定的父元素下选择具有特定类的最后一个子元素。
作为一个例子:
tr:last-child
将有效:http://jsbin.com/julogo/1/edit?html,css,output
但不是你想要的:
tr.comment:last-child
:http://jsbin.com/julogo/2/edit?html,css,output