В CSS существует такой тип селекторов, как классовый селектор, который позволяет определять стили для отдельных элементов с определенным классом. Если перед названием класса поставить символ тильды «~», это будет означать выбор всех элементов, у которых есть данный класс, независимо от порядка в HTML-коде. Например, селектор «.class~p» будет применять стили ко всем параграфам, которые следуют после элементов с классом «class». Обратите внимание, что данная конструкция может выбирать и другие элементы, соответствующие данному правилу, если они находятся на странице.