В HTML документе, селекторы по CSS классу находят элементы с нужным классом. Атрибут класса определяется как разделённый пробелами список элементов, и один из этих пунктов должен точно соответствовать имени класса, приведённому в селекторе.
.classname { style properties }
Это эквивалентно следующему селектор по атрибуту:
[class~=classname] { style properties }
span.classy { background-color: DodgerBlue; }