CSS селектор атрибута по части значения

Селектор атрибута по части значения выбирает HTML-элементы по последовательности символов, независимо от того, составляет эта последовательность целое слово, начальную часть слова, конечную часть слова или середину слова:

p[class*="old"] { font-weight: bold; }

Звёздочка ( * ) в данном селекторе указывает, что выбор будет производиться по последовательности символов в значении данного атрибута. Если звёздочка будет пропущена, то получится требование к точному значению, которое выберет только элементы, где в значении атрибута class содержится только слово old.

Пример

p[class*="old"] { font-weight: bold; }

<p class="old size">Первый абзац.</p>
<p class="bolder">Второй абзац.</p>
<p class="bo-ld">Третий абзац.</p>
<p class="not-old">Четвёртый абзац.</p>