用一些相同的字符/分詞呼叫所有班級

Question

我有10個班級，名稱相同（即：.ota-1st,ota-2nd ...等等），但都有不同的background-color。

我想申請那些具有相同屬性的類。

我記得有一次我看到一些代碼，如.ota-{margin-top:20px}，那種。

這可能嗎？

Answer 1

使用屬性選擇器。 https://developer.mozilla.org/en-US/docs/Web/CSS/Attribute_selectors

div[class*="ota-"] { 
 
    color: red; 
 
}

<div class="ota-1">yep</div> 
 
<div class="ota-2">yep</div> 
 
<div class="ota-">yep</div> 
 
<div class="foo">nope</div> 
 
<div class="ota">nope</div> 
 
<div class="asdf-ota-1">nope</div>