css：element.class.class - 这是什么意思？

Question

以下是代码段：

div.note.note_expanded

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

Answer 1

同时具有课堂笔记和note_expanded的div

像<div class='note note_expanded'>这样的东西会匹配。

Answer 2

这会定位div，其.note类和.note_expanded类。

<div class="note note_expanded">I'm special!</div>

Answer 3

<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>