按类别获取字体真棒图标

Question

我正在我的网站上使用字体真棒图标

<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链接更改为，这没有什么区别。

编辑：

我还有一个选择器，其样式为<i>标记

Answer 1

您可以考虑:not()选择器，该选择器允许您添加随机ID并具有更具体的选择器。 这项工作是因为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> 

Answer 2

尝试使用！important，这不是最佳做法，但有时却是最佳选择。 例如。

属性：值！重要；