CSS: 如何说. class: last-of-type [ class，not element! ]

可能的复制品:
如何在 CSS 中选择具有特定类名称的“ last child”

正如标题所说，我想把 css 规则定位到具有特定类的特定类型的最后一个元素。下面的代码完美地工作:

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

但是我想要

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

怎么做？

108859 次浏览

小开

最佳答案

Unfortunately finding the last .class is not possible with last-of-type.

Edit: To actually add something constructive to this answer, you could fallback to JavaScript to locate this selector, or revise your markup/CSS. Whilst I have found myself in the situation that last-of-type for a class selector would be useful, it's nothing that cannot be worked around with a little more thought.

小开

Make the nomargin a css class, and you can change it easily:

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

or if that doesn't have enough jQuery, you can use:

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