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

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> 

这只会有规则仅从类称为α和β。

Answer 3

我相信你是问如何使用三个类名来写你的选择：

.alpha.beta.charlie {} 

当他们连接，它将风格这些类的所有3中的任意标签：

<element class="alpha beta charlie">