这个css选择器做什么？

我（对我来说）在ASP.NET MVC项目的默认Site.css文件中发现了这种奇怪的css样式：

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

是代码>文本框。多行只是中间有一个点的类的名字，或者这是两个类的嵌套吗？还是完全是别的原因？你能解释一下吗

您能提供一个使用示例吗

编辑

---

谢谢你的回答。这似乎是省略了。

它意味着元素同时具有两个类

它将使用class

文本框

选择一个元素，该文本框也有class

多行

这将是相同的：

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

例如：

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

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

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

如果该项只有一个类，则它将不匹配。

---

如果项目有这两个类加上其他类，则它将匹配。

它将选择此元素：

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

---

或同时具有

文本框

和

多行

类的任何元素。

它选择如下元素：

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

---

任何既有

文本框

又有

多行

类的元素。

这里有一个快速的小提琴来显示差异：

---

基本上，它将匹配具有两个类的元素

关于遗漏。。这并不奇怪，你看：谢谢@thirtydot，我不知道有这么多人反对w3schools，我个人是，但很高兴知道有很多人反对w3schoolsothers@thirydot，谢谢你的链接。有趣的是，HTML Dog（推荐的网站之一）也没有我想要的：（@DanM:Try SitePoint:该页面讨论了

div.foo.bar

@DanM SitePoint reference:）@thirtydot伟大的思想都是一样的。