- 指定大于继承
#mydiv{
background-color: tomato;
}
span{
background-color: yellow;
}
<div id="mydiv" class="odiv">XXX
<span>今天雨真大 </span>
</div>
-
后定义的样式会覆盖之前定义的样式
#mydiv{
background-color: rgb(41, 36, 35);
}
#mydiv{
background-color: rgb(255, 71, 71);
}
<div id="mydiv" class="odiv">XXX
<span>今天雨真大 </span>
</div>
-
!import的优先级大于ID,但内联样式不可用
.qiantao{
background-color: yellow !important;
}