Как изменить цвет шрифта. ".icon-classname {color: red;}" не работает

Question

По какой-то причине значок не меняет цвет на красный. Он остается белым / серым.

Кто-нибудь знает, как изменить цвет на красный?

.sidebar .nav-item .nav-link[data-toggle=collapse]::after {
            color: red;
            width: 1rem;
            text-align: center;
            float: right;
            vertical-align: 0;
            border: 0;
            font-weight: 900;
            content: '\f107';
            font-family: 'FontAwesome';
        }

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

Answer 1

.icon-classname{
  color: #f00;
}