css: element.class.class - что это значит?

Question

Вот фрагмент кода:

div.note.note_expanded

Что это значит? Я понимаю div.className, но какая вторая точка?

Answer 1

Div, в котором одновременно записаны класс и note_expanded

Что-то вроде <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>