2015-10-19 66 views
-1

我有一個表TR的和一些TR的我有一個類名爲「評論」和名爲「東西」之類的其他類:example最後的類型不工作

<body> 

你好

<tr class="comment"><td>World</td></tr> 

<tr class="something"><td>!!!</td></tr> 

<tr class="something"><td>hello</td></tr> 

現在我需要的是最C班級的「評論」將會有另一個背景。我該怎麼做?沒有什麼似乎爲我工作。

回答

0

你可以用jQuery做到這一點,我不認爲有辦法用CSS做到這一點。 在這個例子中,我將背景變成紅色,但你可以做任何你需要的。這裏是一個小提琴:https://jsfiddle.net/arwa36hg/

$('.comment').last().find('td').css('background-color', 'red'); 
+0

我不能在我的例子使用jQuery。這就是爲什麼我需要CSS中的解決方案。有沒有辦法? – LilacEilim

+0

據我所知,不用CSS。 – sticksu

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

+0

最後一個孩子只有在元素實際上是列表中的最後一個元素時才起作用,不管他們上面有什麼類。在這種情況下,註釋div不是那裏的最後一個元素,它之後還有2個元素,所以最後一個孩子不會工作。只需在小提琴上試一下,你就會看到。 – sticksu