上述 4 种应用样式的方法，各自都有其自身的特定，如果这 4 种同时应用到同一个HTML元素上时，将会出现优先级的问题，即哪个样式会生效的问题。

如果内联样式、嵌入样式、导入样式、链接样式同时应用于同一个元素时，样式表的优先级规则是高优先级样式会生效，即高优先级会覆盖低优先级样式。

样式表的优先级按内联样式、嵌入样式、导入样式、链接样式顺序依次降低，其实，也就是就近原则，距离元素越近的样式，越优先生效。如果这四种样式都没有定义，则会应用浏览器的默认样式。

如，在嵌入样式中，把段落的文本颜色定义为黑色：

内联样式中，把段落的文本颜色定义为红色：

上面代码中，在内联样式和嵌入样式中同时定义了段落文本的color属性，由于内联样式的优先级高于嵌入样式，故内联样式会覆盖嵌入样式，文本会以红色显示。

关于作者

歪脖先生，十五年以上软件开发经验，酷爱Web开发，精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等，著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》、《Bootstrap3实用教程》，并全部在 GitHub 上开源。