Почему группировка 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, похоже, влияет на специфичность селектора в этом примере?
    Anonymous » » в форуме CSS
    0 Ответы
    1 Просмотры
    Последнее сообщение Anonymous
  • Как повысить специфичность внешнего CSS по сравнению с внутренним CSS?
    Гость » » в форуме CSS
    0 Ответы
    21 Просмотры
    Последнее сообщение Гость
  • Роли пользователя и специфичность CSS - Могу ли я использовать! Важно?
    Anonymous » » в форуме CSS
    0 Ответы
    2 Просмотры
    Последнее сообщение Anonymous
  • Как просматривать рассчитанную специфичность CSS в браузере?
    Anonymous » » в форуме CSS
    0 Ответы
    3 Просмотры
    Последнее сообщение Anonymous
  • Почему в примере 1 мне дали 15 уникальных символов, а в примере 2 — 15 ОДИНАКОВЫХ символов? [дубликат]
    Anonymous » » в форуме Javascript
    0 Ответы
    16 Просмотры
    Последнее сообщение Anonymous

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