Почему в следующем коде world
является синим, а не красным?
Специфика .my_class
0,0,1,0
, но это наследовало цвет #my_id
какая специфика выше (0,1,0,0
).
#my_id {
color: red;
}
.my_class {
color: blue;
}
Hello
world
Это зависит от специфики и местоположения. Класс применяется непосредственно к тексту, но идентификатор находится дальше.
Для подробного объяснения: http://monc.se/kitchen/38/cascading-order-and-inheritance-in-css
Более простой способ если подумать, порядок специфичности применяется на том же уровне , если стиль находится на родительском более локальном , то он применяется, независимо от того, имеет ли предок стиль с более высокой специфичностью ( так как это дальше или менее локально).