内联式是一定会离最近的，那我把嵌入式跟外部试交换没有看出什么差别呀？

Question

为什么会分优先顺序呢？

Answer 1

比如同一文档内对p标签引入了外部CSS，也有内联样式。你觉得颜色二字是什么颜色？分优先序就是解决同时出现时采用哪种样式的问题。

外部 样式 ： p{color:red}                                    //优先级低

body内容： <p style="color:blue">颜色</p> //优先级高

最终呈现蓝色，而你交换自然看不出差异。

Answer 2

对同一节点元素，同时有嵌入式跟外部，渲染内联样式。