CSS: Как сказать. Class: last-of-type [classes, not elements!]

Возможный дубликат:
Как выбрать "последний ребенок" с определенным именем класса в CSS?

Как гласит название, я хочу, чтобы adss css правил был последним элементом определенного типа, который имеет определенный класс. Следующий код работает отлично:

div:last-of-type { margin-right:0; }

но я хочу что-то вроде

div.class:last-of-type { margin-right:0; }

Как это сделать?

Ответ 1

К сожалению, поиск < <20 > невозможен с помощью last-of-type.

Edit: Чтобы на самом деле добавить что-то конструктивное в этот ответ, вы можете отказаться от JavaScript, чтобы найти этот селектор, или пересмотреть свою разметку /CSS. В то время как я оказался в ситуации, когда last-of-type для селектора классов был бы полезен, это ничего, что не может быть обработано с немного более продуманным.

Ответ 2

Сделайте nomargin классом css, и вы можете легко его изменить:

var items = document.getElementsByClassName('nomargin');
items[items.length-1].style.color = 'black';
items[items.length-1].style.background = 'white';

или если у недостаточно jQuery, вы можете использовать:

jQuery('div.nomargin:last').css({
    color:'black',
    background:'white'})