样式渲染优先级

#passage{color: yellow; }
span{color: green;display: block;display: inline;}
[data-color=red]{color: red;}

<span id="passage"  data-color="red" style="color:blue;">颜色</span>

这段代码的意思是：当内联样式存在时，内联样式生效，当内联样式不存在时，id样式生效，若两者都不存在，data-color生效，最后是span样式生效