Не могу указать этот селектор

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 */
}