CSS - Multiple text-decorations with style and color

Question

I want to make a text with red wavy underline and blue dashed overline using text-decoration.
This is my code: (working only in Mo

Answer 1

You can not have two values for one css property at the same time.

Workaround: wrap yout text in another span and add separate text-decoration to each span:

span {
  font-size: 40px;
}

.wavy {
  text-decoration: underline wavy red;
}

.dashed {
  text-decoration: overline dashed blue;
}

  Some Text