css - 使用 Bootstrap Glyphicons

Question

我正在尝试使用来自 Twitter Bootstrap 的字形。我想使用伪元素 :after 而不是 before。

.glyphicon.glyphicon-搜索:之前以上工作正常。

.glyphicon.glyphicon-search:after以上不起作用。

我做错了什么？

Answer 1

这是因为字形类仅适用于 :before 而不是 :after。如果您查看 CSS 中的源代码，您将会看到。一个例子是:

.glyphicon-asterisk

它的 css 看起来是这样的:

.glyphicon-asterisk:before {content: "\2a";}

如果是这样的话:

.glyphicon-asterisk:before,
.glyphicon-asterisk:after {content: "\2a";}

你可以做你想做的事。您需要创建一个新类并添加如下内容:

.glyphicon-asterisk:after {content: "\2a";}