html - 多个类的CSS

Question

我想知道是否可以将 css 用于具有相同名称的多个类，一个异常(exception)是内部的迭代器:

<div class="elem-1"></div>

<div class="elem-2"></div>

如果可能的话，我应该如何使用我的 css 来实现这两个类(可以超过 2 个)？

Answer 1

通常，您应该在 HTML 中使用多个类。

<div class="shape shape-3-corners"></div>
<div class="shape shape-4-corners"></div>

两个 div 都在代表形状的 div 组中。

每个组中只有一个 div 表示具有特定 Angular 数的形状。

---

您还可以查看 pattern matching with attribute selectors .不幸的是，语法有些受限。

[class*="elem-"] 将适用于您的特定示例，但会给您误报 class="not-elem-3"。

[class^="elem-"] 将适用于您的特定示例，但会给您 class="another-class and elem-3" 误报.

---

你也可以 group你的选择器:

.elem-1,
.elem-2 { }

…但是你必须指定每个数字，如果你添加更多则更新 CSS。如果你有很多，它会变得非常笨重。