最后一个类型不起作用

时间:2015-10-19 07:07:25

标签: css css-selectors

我有一张带有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>

现在我需要班级“评论”的最后一个孩子将与另一个背景。我该怎么做?似乎没有什么对我有用。

2 个答案:

答案 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-childhttp://jsbin.com/julogo/2/edit?html,css,output