Специфика CSS-селектора и порядок загрузки файлов

Question

У меня есть страница с двумя разными таблицами стилей. one.css загружается до second.css

В one.css этот селектор найден:

  a.utility__block--booking-link {
        color: #fff;
    }

В second.css этот селектор найден:

a, a:visited {
    background-color: transparent;
    color: inherit;
}

При загрузке страницы действует селектор a, a :ited {}, хотя a.utility__block - ссылка для бронирования более конкретна. Действительно ли порядок загрузки файлов имеет приоритет над специфичностью селектора?

Answer 1

Поскольку мы знаем, что css работает в порядке очередности поступления, т. Е. Код, который вы пишете последним, имеет прецедентность, в вашем случае css a.utility__block--booking-link в one.css перезаписывается css a, a:visited изsecond.css согласно правилам таблицы стилей css, так что если вы поместите second.css перед one.css, то фактически произойдет обратное.

Answer 2

Мне просто нужно было перейти на это

a.utility__block--booking-link,a:visited.utility__block--booking-link {
    color: #fff;
}

Так как: посещение более конкретно, чем селектор класса.