css :: attr（）和unicode之前

Question

我有一个标签，其中包含一个代表图标的unicode属性。 我想在此标记之前制作一个css规则::之前将内容设置为unicode。 但是unicode被打印出来而不被解释。

CSS：

i::before
{
  content: attr(icon);
}

HTML：

<i icon='\f1e8'></i>

甚至可能吗？

PS：我似乎被迫找到了一个技巧，因为我正在使用一个Shadow DOM，其中@ font-face不起作用，而且图标attr将被数据绑定...... < / p>

Answer 1

您需要在html中使用UTF-8字符。工作示例如下：

＆＃13;

＆＃13;

i::before
{
  content: attr(icon);
}

＆＃13;

<i icon='&#xf1e8;'></i>

＆＃13;

＆＃13;

＆＃13;