Как выделить последний html-элемент с определенным классом css

Question

Как выделить последний div с помощью class="block" в следующей html-структуре, если число div с class="block" неизвестно? (С помощью CSS-селекторов)

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

Там, к примеру, я могу выделить третий DIV.

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

Try использовать

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

При этом вы можете добавить класс CSS к последнему ребенку определенного DIV или элемент

Answer 7

И магия!

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

это должно сделать это: P я надеюсь