Сколько весит дополнение селектора first-of-child?

Question

[toha_man]

Не нашел что-то ответа в сети. А добавляет ли весу селектору суффикс :first-of-child, :last-of-child

У меня сейчас в проекте подряд идут два одинаковых селектора, но первый с :first-of-type и стили не переопределяются
Для пояснения

.test:first-child
   color:red
.test
    color:green

Каким цветом будет .test, если их несколько ?

Answer 1

[Сергей delphinpro]

Специфичность селектора определяется трех- (четырех-) значным числом, которое можно получить, посчитав сумму составляющих частей селектора.
При расчете следует брать следующие цифры:
Каждый селектор идентификатора = 100
Каждый селектор класса, атрибута и псевдокласса = 10
Каждый селектор типа(тега) и псевдоэлемента = 1
Некоторые псевдоклассы не участвуют в расчете (:not), но участвует их внутренний селектор или самый специфичный селектор из внутренних, если он составной.
Складывая эти цифры, получаем специфичность селектора. Если специфичность получается одинаковой, то применение правила определяется css-каскадом.

Отдельно считается специфичность стилей style. Считай, что они добавляют сразу 1000 к результату. Ну и !important вносит свои нюансы.

Обо всех этих занимательных вещицах написано здесь: https://www.w3.org/TR/selectors/#specificity