포인트를 나는 그것을 <code>listItem</code>의 모든 CSS를 유지하고 싶지만 <code>jrFeatured</code></p> <p>에 대한 추가 CSS를하지만 모든 싶지 않는이</p> <pre><code><div class="listItem jrFeatured"> </code></pre> <p>처럼 보이는 사업부가

Question

이 셀렉터를 고정 할 수 없습니다 jrFeatured은 하나만 다를 수 있습니다 listItem

정말 오해하고 있습니까? 아니면 내가 원하는 것을 성취 할 수있는 방법이 있습니까?

Answer 1

.listItem { 
    /* code for item(s) matching listItem class */ 
} 

.jrFeatured { 
    /* code for item(s) matching jrFeatured class */ 
} 

.listItem.jrFeatured { 
    /* code for item(s) matching BOTH listItem and jrFeatured classes */ 
    /* based on your question, this sounds like what you're looking for */ 
}