CSS选择器优先级

#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;

}