Почему группировка CSS влияет на специфичность селектора в этом примере?CSS

Разбираемся в CSS
Ответить
Anonymous
 Почему группировка CSS влияет на специфичность селектора в этом примере?

Сообщение Anonymous »

Насколько я понимаю специфику CSS и каскады, если элемент дважды выбран с помощью селекторов одной и той же специфичности, то следует применить последний стиль. Однако в следующем примере дело обстоит иначе, где родительский селектор сначала группируется с другим, более специфичным.
https://codepen.io/rjwtrmn /pen/rNbbaoQ

Код: Выделить всё

I should be blue
I should be green, but I am pink

Код: Выделить всё

.a,
.b .c {
color: red;
.d {
color: pink;
}
}

.a {
color: blue;
.d {
color: green;
}
}
Из документации и ответов на подобные вопросы здесь я ожидал, что каждый селектор в группе CSS будет независимым в отношении вычислений специфичности. Я неправильно понимаю спецификацию или это известная ошибка?

Подробнее здесь: https://stackoverflow.com/questions/783 ... is-example
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»