用相同的字符/分析调用所有类

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>