В HTML документе, селекторы по CSS классу находят элементы с нужным классом. Атрибут класса определяется как разделённый пробелами список элементов, и один из этих пунктов должен точно соответствовать имени класса, приведённому в селекторе.

.classname { style properties }

Это эквивалентно следующему селектор по атрибуту:

[class~=classname] { style properties }

span.classy {
  background-color: DodgerBlue;
}

<span class="classy">Здесь span с каким-то текстом.</span>
<span>А тут другой span.</span>