这个css选择器做了什么？

Question

我在ASP.NET MVC项目的默认Site.css文件中发现了这个（对我而言）好奇的CSS样式：

.text-box.multi-line 
{ 
    height: 6.5em; 
} 

.text-box.multi-line只是恰好在中间有一个点的类的名称它，还是两个类的嵌套？或者它完全是另一回事？你可以解释吗？

您能提供一个使用示例吗？

编辑

感谢您的所有答案。这似乎是w3schools css reference page的遗漏。

Answer 1

它的一个项目匹配与两个类，即。

<textarea class="text-box multi-line"></textarea> 

如果该项目只有1个类别，它将不匹配。 如果项目有两个类别加上另外的类别，它将匹配。

Answer 2

这意味着该元素有两个类。

它会选择一个元素与类text-box也有类multi-line

这将是相同的：

.multi-line.text-box {} 
.text-box[class~="multi-line"] {} 

一个例子：

<p class="multi-line text-box some-other-class"></p> 

Answer 3

它会选择这个元素：

<textarea class="text-box multi-line" /> 

或者同时与text-box和multi-line类有关的任何元素。

Answer 4

它选择一个元素是这样的：

<* class="text-box multi-line"></*> 

有都的text-box和multi-line类的任何元素。

Answer 5

这里有一个小巧的小提琴以示区别：

http://jsfiddle.net/sGn2v/

基本上它会匹配兼具类的元素！