Разница между селекторами data- и атрибутами data- в HTML заключается в их назначении и использовании:

1. Селекторы data- позволяют выбирать HTML-элементы, основываясь на атрибутах и их значениях, для стилизации в CSS. 35 Например, они выделяют элементы с указанным атрибутом или с определённым значением. 25
2. Атрибуты data- — это пользовательские атрибуты на HTML-элементе, название которых начинается с data-. 1 В них можно хранить дополнительную информацию в стандартных HTML-элементах и работать с этой информацией в JavaScript при помощи собственного API. 1

Таким образом, селекторы data- используются для выбора элементов по атрибутам, а атрибуты data- — для хранения и обработки дополнительной информации в HTML-элементах.