如何突出顯示具有特定css類的最後一個html元素

Question

如果在以下html結構中使用class="block"突出顯示最後一個div，如果div與class="block"的數量未知？ （用CSS選擇器的幫助下）

http://codepen.io/Feel_codepen/pen/Ifjzd

有，例如，我可以突出第三格。

Answer 1

使用last-child：

.main .block:last-child{ 
    background-color:#FCC; 
    /* Your styles*/ 
} 

CodePen

Answer 2

通過利用上一次孩子僞類

.block:last-child{ 
    background-color: yellow; /* or some other color */ 
} 

http://www.w3schools.com/cssref/sel_last-child.asp

Answer 3

你可以試試這個使用:last-of-type

div.block:last-of-type{ 
color:yellow; 
} 

CodepenDemo

Answer 4

試試這個

.block:last-child 
{ 
background-color:blue; 
} 

DEMO

Answer 5

你可以使用:last-child選擇。

的更多信息可以在http://css-tricks.com/almanac/selectors/l/last-child/

.main .block:last-child { 
    background-color: yellow; 
} 

http://codepen.io/anon/pen/vpqad

Answer 6

嘗試找到使用

$("div:last-child").addClass("last-child"); 

有了這個，你可以在CSS類添加到特定div的最後一個孩子或元素

Answer 7

和魔法！

.main>div[class=block]:last-child{ 
    background-color:blue; 
} 

這應該這樣做：P我希望