css - Bootstrap Glyphicon の使用

Question

Twitterブートストラップのグリフィコンを使用しようとしています。before の代わりに疑似要素 :after を使用したい。

.glyphicon.glyphicon-search:before 上記は問題なく動作します。

.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";}

Answer 2

多分それは構文の問題です。< .glyphicon.glyphicon-search::after/p>