私のサイトはbootstrap+font-awesomeを使用しており、ファイルに「エイリアス」を作成しようとしていsite.lessます:
.icon-domain { .icon-fire; }
.icon-group { .icon-tags; }
これを行う理由は、サイトに「ドメイン」エンティティがあり、将来アイコンを変更する可能性があるため、HTML で「火」アイコンを直接使用したくないためです。
icon-groupクラスは私のコードでは機能しますが、機能icon-domainしません。私が知る限り、それは font-awesome のicon-groupコードに実際にクラスがあるためです。私が理解したことからlesscss、別のクラス内にクラスを含めてそれらを新しいクラスに結合することができますが、ここでは機能しません。
my でこれを行うと、動作させることができますsite.less:
.icon-domain { &:before { content: "\f06d"; } }
しかし、自分でコンテンツを定義する必要があり、使用.icon-domain { .icon-fire; &:before; }すると構文エラーになるため、これは理想的ではありません。これを適切に機能させる方法はありますか？