Использовать пользовательские значения атрибутов тега в стилях CSS

Question

По сути, я пытаюсь создать стиль CSS, который может использовать значения атрибутов пользовательских тегов в качестве своих значений. Я читал о функции "attr ()", и она, кажется, работает только в свойстве содержимого селекторов: before /: after. В основном я хотел бы сделать что-то вроде следующего:

HTML

<span fgprop="#ff0000">Some Text</span>
<span fgprop="#00ff00">Other</span>

CSS

span {
    color : attr(fgprop);
}

Альтернативой для достижения этой цели, которую я сейчас использую, является использование jQuery css () для установки цвета для каждого диапазона со значением атрибута fgprop, но это кажется очень неуклюжим, поскольку этот подход не будет автоматически реагировать на изменения в свойстве fgprop. CSS кажется лучшим местом для этого, так как это трансформация уровня только для презентации.

Есть ли способ сделать это? (Прямо сейчас я нацеливаюсь только на webkit, так что какое-то расширение -webkit- будет работать для моего варианта использования, если это имеет значение). Заранее спасибо!

Answer 1

Разве это не та ситуация, для которой предназначены встроенные стили:

<span style="color:#ff0000">Some Text</span>
<span style="color:#00ff00">Other</span>

Если вы все равно собираетесь указывать цвета в качестве атрибутов на отдельных элементах, зачем их слишком усложнять, если ваша таблица стилей пытается обратиться кк атрибуту fgprop?Атрибут style так же легко генерировать на стороне сервера и так же легко обновлять на стороне клиента.