Why the same CSS class twice in a row

Question

I saw the following line in a code:

.className.className {
   font-weight: bold;
}

Is there a reason to write this twice?

Answer 1

It is likely used to increase the specificity of the selector.

It would probably be better if it was rewritten to change the source order instead.

Answer 2

Typo maybe. below is valid though.

All <li> elements with a class list that includes both "spacious" and "elegant"

For example, class="elegant retro spacious"

li.spacious.elegant {
  margin: 2em;
}

read more