CSS : .class : last-of-type [요소가 아닌 클래스!]를 말하는 방법

CSS : .class : last-of-type [요소가 아닌 클래스!]를 말하는 방법

---

중복 가능성 :
CSS에서 특정 클래스 이름을 가진 "마지막 자식"을 어떻게 선택합니까?

제목에서 알 수 있듯이 특정 클래스가있는 특정 유형의 마지막 요소에 CSS 규칙을 지정하고 싶습니다. 다음 코드는 완벽하게 작동합니다.

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

하지만 나는 같은 것을 원한다

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

어떻게하나요?

---

불행히도에서는 마지막을 찾을 .class수 없습니다 last-of-type.

편집 : 실제로이 답변에 건설적인 것을 추가하려면 JavaScript로 대체하여이 선택기를 찾거나 마크 업 / CSS를 수정할 수 있습니다. 나는 last-of-type클래스 선택자가 유용 할 것이라는 상황에 처해 있지만 조금 더 생각하면 해결할 수없는 것은 아무것도 아니다.

---

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'})

참고 URL : https://stackoverflow.com/questions/13211453/css-how-to-say-classlast-of-type-classes-not-elements