僅當兩個類共存時才匹配的CSS規則

Question

我正在尋找僅在出現兩個類時發生的情況。

如：

.positive{ 
    color:#46a546; 
} 
.positive:after{ 
    content: "\25b2"; 
} 
.negative{ 
    color:#F00; 
} 

.arrow:after{ 
    content: "\25bc"; 
} 

<span class="positive"> hi </span> 
<span class="positiveArrow"> hi </span> 
<span class="negativeArrow"> hi </span> //what i have 

<span class="positive arrow"> hi </span> 
<span class="negative arrow"> hi </span> // what i want 

Answer 1

CSS：

.negative.arrow { 
    /* Apply your CSS rules here */ 
} 

.positive.arrow { 
    /* Apply your CSS rules here */ 
}