Насколько я понимаю специфику 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