在scss或其他css擴展語言中選擇幾個類，星號

Question

有兩個類以post-meta-這樣開頭。

<div class="post-meta-top"></div> 
<div class="main-text"></div> 
<div class="post-meta-bottom"></div> 

通常我必須寫這樣.post-meta-top, .post-meta-bottom，但如果可能的話我想寫像.post-meta-*。

我知道現在用scss是不可能的。我的問題是「在scss或其他css擴展語言中是否有類似的功能？」

Answer 1

你可以嘗試jQuery來匹配多個類，

<script> 
    $("div[class^='post-meta']") 
</script> 

Answer 2

您可以用屬性選擇這樣做

div[class^='post-meta-'] 
{ 
    .. 
} 

FIDDLE

從w3c spec：

[ATT^= VAL]

表示與ATT屬性，其值 開始以前綴 「VAL」 的元素。如果「val」是空字符串，則 選擇器不代表任何內容。