[Coutty]

Первая ссылка из гугла говорит следующее:

Тильда (~) позволяет выделить определенный атрибут из списка атрибутов, разделенных запятой. Например, мы можем задать наш собственный атрибут data-info, в котором указывать несколько ключевых слов через пробел. Так, мы можем указать, что ссылка является внешней и что она ссылается на изображение. HTML код: <a href="path/to/image.jpg" data-info="external image"> Click Me </a> Вот, Html-код на месте, теперь напишем стили. HTML код: / * Выбираем ссылки с атрибутом data-info, содержащий значение "external" * / a[data-info~="external"] { color: red; } / * И которые содержат значения "image" * / a[data-info~="image"] { border: 1px solid black; }