无法定位此选择器

Question

我有一个像这样的 div

<div class="listItem jrFeatured">

我希望它保留 listItem 的所有 CSS，但有 jrFeatured 的额外 CSS

但我不希望所有 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 */
}