内部样式优先级通常高于外部样式，但最终效果由引入顺序、选择器权重和!important共同决定。
当网页中同时使用CSS内部样式和外部样式时，样式的优先级取决于它们的引入方式和具体规则。一般来说，内部样式优先级高于外部样式。
1. 样式表的引入顺序与优先级
浏览器解析CSS时遵循一定的优先级规则：
- 内部样式：写在HTML文档中的 <style> 标签内的样式
- 外部样式：通过 <link> 引入的独立CSS文件
如果同一个元素被内部样式和外部样式同时设置，并且选择器的权重相同，那么后加载的会覆盖先加载的。通常情况下，内部样式写在HTML的 <head> 中，如果它位于外部样式的后面，则会生效。
2. 选择器权重决定最终效果
即使外部样式在前、内部样式在后，真正起决定作用的还有选择器的特异性（specificity）。
立即学习“前端免费学习笔记（深入）”；
例如：
p { color: blue; }
/* 内部样式 */
#container p { color: red; }
此时虽然内部样式在结构上“靠后”，但它的选择器权重更高（ID选择器 > 元素选择器），所以文字会显示为红色。
3. 使用 !important 可打破常规优先级
如果在声明中使用 !important，该样式将具有最高优先级，不论来源是内部还是外部。
比如：
/* 外部样式 */p { color: blue !important; }
/* 内部样式 */
p { color: red; }
这时即使内部样式在后，也无法覆盖外部样式，文字仍为蓝色。
基本上就这些。优先级不是单看“内部”还是“外部”，而是综合引入顺序、选择器权重、是否使用!important来决定的。理解这三点，就能准确控制页面样式表现。
