Почему мой промежуток является синим вместо того, чтобы наследоваться красный его родителю?

Почему в следующем коде world является синим, а не красным?

Специфика .my_class 0,0,1,0, но это наследовало цвет #my_id какая специфика выше (0,1,0,0).

#my_id {
    color: red;
}
.my_class {
    color: blue;
}

Hello world

5
задан TylerH 19 November 2019 в 15:01
поделиться

2 ответа

Это зависит от специфики и местоположения. Класс применяется непосредственно к тексту, но идентификатор находится дальше.

Для подробного объяснения: http://monc.se/kitchen/38/cascading-order-and-inheritance-in-css

2
ответ дан 14 December 2019 в 01:01
поделиться

Более простой способ если подумать, порядок специфичности применяется на том же уровне , если стиль находится на родительском более локальном , то он применяется, независимо от того, имеет ли предок стиль с более высокой специфичностью ( так как это дальше или менее локально).

2
ответ дан 14 December 2019 в 01:01
поделиться
Другие вопросы по тегам:

Похожие вопросы: