Не можете точно указать этот селектор

Question

У меня есть DIV, который выглядит, как этот

<div class="listItem jrFeatured"> 

Я хочу, чтобы сохранить все CSS в listItem, но имеют дополнительные CSS для jrFeatured

Но я не хочу, чтобы все 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 */ 
}