Получить шрифт потрясающий значок по классу - PullRequest
Новая
       6

Получить шрифт потрясающий значок по классу

0 голосов
/ 04 июня 2018

Я использую на своем веб-сайте отличные иконки шрифтов 

<i class="fa fa-plus"></i>

и хочу оформить их из внешней таблицы стилей.Я пытался использовать 

.fa {
  font-size: 64px;
}

и 

.fa-plus {
  font-size: 64px;
}

, но ни один из них не имел никакого эффекта.Если я использую встроенный 

<i class="fa fa-plus" style="font-size: 64px;"></i>

или если я использую атрибут ID 

<i class="fa fa-plus" id="plus"></i>

и стилизую его с помощью 

#plus {
  font-size: 64px;
}

, который работает нормально, но я бы хотелчтобы избежать добавления ненужных атрибутов ID или использования встроенного CSS.Я также могу изменить цвет значка, используя 

.fa {
  color: red;
}

И это прекрасно работает независимо от того, где я его положил.Я изменил свою CSS-ссылку на шрифт после потрясающего импорта, и это не имело никакого значения.

Edit:

У меня был еще один селектор, который стилизовал тег <i>

Ответы [ 2 ]

0 голосов
/ 04 июня 2018

попробуйте использовать! Важно, это не лучшая практика, а иногда и лучший вариант.например.

свойство: значение! важное;

0 голосов
/ 04 июня 2018

Вы можете рассмотреть селектор :not(), который позволит вам добавить случайный идентификатор и иметь более конкретный селектор.Эта работа, потому что специфичность not() равна специфике селектора внутри: 

.fa-plus:not(#randomId) {
  font-size: 64px;
}
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" >
<i class="fas fa-plus"></i>
...