Я использую Font Awesome для некоторых значков кнопок. Он имеет много различных иконок, и вы ссылаться на них так:Наследование свойств из импортированного файла CSS
<a href="#" class="fa-home"></a>
Однако, я хотел бы, чтобы обернуть это в мой собственный CSS собственности (в основном, для более простого называния), как:
.home-button {
<!-- return "fa-home" property here -->
}
Один из примеров шрифтов Потрясающих для использования граничащих шрифтов является: <i class="fa fa-quote-left fa-3x fa-pull-left fa-border"></i>
Так эффективно Я хочу, чтобы обернуть эти различные варианты в мои собственные имена CSS собственности, что-то вроде '.icon-button-bordered'
, и как-то импортировать Высокий класс Font.
Возможно ли сделать что-то подобное в CSS?
Почему бы не использовать 'class =" fa-home home-button "?? – Stickers
использование css компилятор нет или sass для этого. Лучшим способом является предложение @Pangloss –
, единственный способ добиться того, что вы хотите от точки зрения таблицы стилей, - это вырезать и вставлять соответствующий стиль шрифта в ваш собственный стиль (или пройти через шрифт удивительной таблицы стилей и переименовать все их классы с вашими классами). Кажется, немного хлопот для «более простого имени», и я бы подумал, что «fa-home» проще, чем «домашняя кнопка» – Pete