css:element.class.class-它是什么意思？

以下是一段代码片段：

div.note.note_expanded

---

这是什么意思？我理解div.className，但是第二个点是什么？

一个同时扩展了类注释和注释的div

---

类似于

的内容将与之匹配。

这将针对一个

div

，该div既有一个

类。note

又有一个

类。note\u expanded

我很特别

div.note.note\u扩展{
颜色：蓝色；
}
分区注释{
颜色：红色；
}
分区注释扩展{
颜色：黑色；
}
这是蓝色的，但我想一定有更简单的方法。
IE6的强制性链接解释：@BoltClock:我认为我们作为开发人员有责任组建一个杰出的开发人员联盟，主要是对仍然使用该浏览器的任何人进行攻击。当我将空间从element.class{}移到element.class{}时，我的停止工作了吗？为什么？
<style>
div.note.note_expanded {
  color:blue;
}
div.note {
  color:red;
}
div.note_expanded {
  color:black;
}
</style>
<div class='note note_expanded'> 
This is blue but I would think there must be an easier way.
</div>