I saw the following line in a code:

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

Is there a reason to write this twice?

CodePudding user response：

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.

CodePudding user response：

Typo maybe. below is valid though.

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

For example,

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

read more

CodePudding user response：

It's a typo!
Technically this code will apply to an element with the following classes: "className" or "className". But because one match is enough and they are the same name it doesn't matter.

CodePudding user response：

Nope. Maybe just typo. It has no meaning on css.