同じ文字/漢字のすべてのクラスを呼び出す

Question

名前の開始が同じ（すなわち、.ota-1st、ota-2nd ...など）のクラスが10個ありますが、すべてが異なる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>