Как сжать код CSS при использовании пользовательских атрибутов HTML? ⇐ CSS

[Anonymous]

.hover-title[xposition="10"]{ слева: 10 пикселей } .hover-title[xposition="20"]{ слева: 20 пикселей } .hover-title[xposition="30"]{ слева: 30 пикселей } .hover-title[xposition="40"]{ слева: 40 пикселей } .hover-title[xposition="50"]{ слева: 50 пикселей } Я пытаюсь использовать пользовательские атрибуты HTML для стилизации своих элементов, но часто повторяюсь. Как мне это сократить?