CSS: Làm thế nào để nói .class:-of last-loại [lớp học, chứ không phải yếu tố!]

Question

thể trùng lặp:
How do I select the “last child” with a specific class name in CSS?

Như tiêu đề nói, tôi muốn địa chỉ css quy tắc để các yếu tố cuối cùng của một loại nhất định trong đó có một lớp nhất định. Các mã sau hoạt động hoàn hảo:

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

nhưng tôi muốn một cái gì đó giống như

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

Làm thế nào để làm điều này?

Answer 1

Rất tiếc, không thể tìm thấy .class cuối cùng với last-of-type.

Sửa: Để thực sự thêm một cái gì đó mang tính xây dựng để câu trả lời này, bạn có thể dự phòng để hoạt Javascript để xác định vị trí chọn này, hoặc sửa đổi đánh dấu của bạn/CSS. Trong khi tôi đã tìm thấy chính mình trong tình huống mà last-of-type cho một bộ chọn lớp sẽ hữu ích, nó không có gì mà không thể được làm việc xung quanh với một chút suy nghĩ nhiều hơn nữa.

Answer 2

Tận dụng tối nomargin một lớp css, và bạn có thể thay đổi nó một cách dễ dàng:

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

hoặc nếu doesn't have enough jQuery đó, bạn có thể sử dụng:

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