选择具有多个类的特定元素？

Question

我想选择由三个类标识的特定元素。这可能吗？例如，某些div元素有三个类：alpha，beta和charlie。其他一些元素也有一个或两个类，但我只想让我的代码影响所有三个元素，如：

.alpha beta charlie { ... }

这可能吗？

上面的例子是完全随机的，我知道它不起作用，但我只是想描绘一下我打算实现的目标。我还在努力学习CSS。

谢谢！

Answer 1

您可以在 DEMO:

下面进行操作

<强> CSS：

.alpha.beta.gamma{color:red;}

<强> HTML：

<div class="alpha beta gamma">
   hello
</div>
<div class="alpha beta gamma delta">
   hello
</div>
<div class="alpha beta  delta">
   hello
</div>

这将改变所有具有这三个类的div的颜色。

Answer 2

如果您的CSS规则如下：

<style>
.alpha { .... }
.beta  {..... }
.charlie {.....}
</style>

你的html就像：

<div id=div1 class='alpha beta charlie'><div>
<div id=div2 class='alpha beta charlie'><div>

然后两个div都将拥有所有3个类的所有规则。

如果你有一个额外的div，如：

<div id=div3 class='alpha beta'><div>

只有来自alpha和beta的类才会有规则。

Answer 3

我相信您正在询问如何使用三个类名来编写选择器：

 .alpha.beta.charlie {}

当它们被附加时，它将使用所有这三个类来标记任何标记：

<element class="alpha beta charlie">