当使用伪元素:before
时,是否有任何方法在CSS的content:
属性中嵌入HTML?
我想在这种用例中使用Font Awesome(或Glyphicon):
h1:before {
content: "X";
padding-right: 10px;
padding-left: 10px;
color: @orangeLight;
}
当 X
是类似于 <i class="icon-cut"></i>
的内容时。
当然我可以在 HTML 中手动完成这个任务,但是我确实想在这种情况下使用 :before
。
同样地,有没有办法将 <i>
用作列表符号?虽然这样做可以实现效果,但对于多行符号并不起作用:
<ul class="icons">
<li><i class="icon-ok"></i> Lists</li>
<li><i class="icon-ok"></i> Buttons</li>
<li><i class="icon-ok"></i> Button groups</li>
<li><i class="icon-ok"></i> Navigation</li>
<li><i class="icon-ok"></i> Prepended form inputs</li>
</ul>
:before
是一个伪元素,你不能有html
内容,只能有text
。 - Torsten Walter