Question

在fontawesome的示例页面上，他们显示了以下代码：

使用fa-ul和fa-li轻松替换无序的默认项目符号列表。

<ul class="fa-ul">   
    <li><i class="fa-li fa fa-check-square"></i>Listicons (like these)</li>   
    <li><i class="fa-li fa fa-check-square"></i>can be used</li>   
    <li><i class="fa-li fa fa-spinner fa-spin"></i>to replace</li>   
    <li><i class="fa-li fa fa-square"></i>default bullets in lists</li> 
</ul>

这很好用，但我的wordpress网站上有很多无序列表，我想知道是否有可能让fontawesome复选框成为整个网站的默认项目符号？我知道我的主题使用LESS，因此任何LESS代码都是可以接受的。

我在考虑在css中做类似的事情：

ul li i {
   class="fa-li fa fa-square";
}

但我认为css不可能。我看着LESS，我认为mixins可能有用，但我无法弄清楚正确的语法。

非常感谢任何帮助。

Answer 1

看看他们是如何让图标显示在他们的网站上的。他们使用具有before FontAwesome的{{1}}伪元素，并使实际图标显示为使用font-family属性。

http://jsfiddle.net/kqa6B/

content

<ul>
    <li>One</li>
    <li>Two</li>
</ul>

如何使用字体真棒图标作为无序列表的默认项目符号？

1 个答案: