如果我们多次使用 font awesome/css :bfore:After 伪选择器的内容代码会怎么样。示例
#div:before {
font-family: 'FontAwesome';
content:"\f0c9 \f0c9 \f0c9 \f0c9"; /*SEE I USED "\f0c9" more than one time */
}
实例: http://jsfiddle.net/1ep1vnL4/
如果我在生产中使用它,这是一个好的做法吗? 因为我想使用一个图标 3 次,所以我懒得放 3 个新的 div 并再次重复所有内容。
最佳答案
不好用———
而不是 <div>—</div><div>—</div><div>—</div>
?
Font Awesome 只是一种字体……它与使用任何其他字体中的任何字符一样。在 :before
中使用 3 或 4 个字符伪元素与在 <p>
中使用 3 或 4 个字符没有太大区别。标签。
如果您要为每个字符使用不同的元素(div、span、p),会有更多开销。
关于html - Font Awesome 图标重复,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40323652/