Соответствующий кодовый блок:http://codepen.io/anon/pen/ocptF/

РЕДАКТИРОВАТЬ: Codepen использует Джейд, и, следовательно, портит несколько вещей. Я не знал об этом, когда начинал этот вопрос. По сути, я думал, что CSS attr () скопирует атрибут HTML буквально, но это не так.

Я хотел бы использовать CSSattr функция для заполненияcontent для некоторых псевдоэлементов. Тем не менее, он печатает004 когда атрибут HTML установлен на\f004, а также08fa когда\f08fa.

Соответствующие строки:

HTML:

<div class="zoomfade" data-fill='\f004' data-unfill='\f08a'></div>

CSS:

.zoomfade:before {
  content: attr(data-unfill);
  position: absolute;
}

.zoomfade:before {
  content: attr(data-fill);
  position: absolute;
}

Спасибо!