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

===== Синтаксис =====
<code>
.classname { style properties }
</code>
Это эквивалентно следующему [[software:development:ps_pycharm:css:attribute_selectors|селектор по атрибуту]]:
<code>
[class~=classname] { style properties }
</code>
===== Пример =====
==== CSS ====
<code css>
span.classy {
  background-color: DodgerBlue;
}
</code>
==== HTML ====
<code html>
<span class="classy">Здесь span с каким-то текстом.</span>
<span>А тут другой span.</span>
</code>