從CSS中動態分配CSS類

Question

是否可以動態地將類分配給現有類？我試圖給第一個孩子分配一個樣式，像這樣：

.active { 
    color: red; 
} 

item:first-child .item_text { 
    background: rgba(255, 255, 255, 1); 
    /* make it active class */ 
} 

Answer 1

不，這根本就不可能用CSS。

最好的你可以這樣做：

.active, 
item:first-child .item_text { 
    color: red; 
} 

item:first-child .item_text { 
    background: rgba(255, 255, 255, 1); 
} 

---

，如果你使用一個CSS預處理器一樣都不能少或有可能SASS，這其中包括擴展CSS與像包括/擴展類的功能。

在更短的

item:first-child .item_text { 
    background: rgba(255, 255, 255, 1); 
    .active; 
} 

這會從字面上替換爲color: red;行類名。

在SASS（從第3版，它使用 「SCSS」 語法）：

item:first-child .item_text { 
    background: rgba(255, 255, 255, 1); 
    @extend .active; 
} 

這將使得輸出如上述我的CSS實施例相同。