Как стиль для последнего класса?

Question

Например, у меня есть HTML как:

<div class="outer"> 
    <div class="classme"></div> 
</div> 
<div class="outer"> 
    <div class="classme"></div> 
    <div class="classme"></div> 
    <div class="classme"></div> 
</div> 

Как может стиль для последнего класса classme. Спасибо.

Answer 1

Вы можете использовать следующие CSS2 селекторы:

div + .classme:last-child { ... } 

Он выбирает .classme элементы, которые являются последним ребенком их родителям и сразу же предшествует div. Это гарантирует, что элемент имеет, по крайней мере, один предыдущий брат, т. Е. Он не единственный ребенок.

Вы также можете использовать следующий селектор CSS3:

.classme:last-child:not(:only-child) { ... } 

Оригинальный ответ

Вы можете использовать это:

.classme:last-child { ... } 

Он выбирает .classme элементы, которые являются последним ребенком их родителей.

Answer 2

Вы должны применять следующие:

.other div:last-child { 
    ... 
    } 

Пример: http://jsfiddle.net/8LJER/

Answer 3

вы можете сделать с помощью CSS

.classme:last-child 
{ 
    color: red; 
} 

или с помощью JQuery

$('.classme:last-child').css('color','red') 

JSFiddle