html - 使用 css content 属性渲染内容

Question

如果我像 ► 那样在 html 中渲染右箭头，为什么我不能使用以下 css 类渲染它？

.arrow-right  {    
    content: '&#x25ba';
}

<i class="arrow-right"></i>

Answer 1

除了其他人写的关于使用 :before 或 :after 伪选择器的内容之外，content 不能包含 HTML，并且通过扩展它可以'不包含实体:你需要写

.arrow-right:before {
    content: '►';
}