当同一个 Html 元素被不止一个样式定义时，会使用哪个样式呢？
一般而言，所有的样式会根据下面的规则层叠于一个新的虚拟样式表中，最后面的拥有最高的优先权，也就是数字 4 拥有最高的优先权，其次是 3，再次是 2，最后是 1。
1.浏览器缺省设置
2.外部样式表（通过 link 引用的样式表文件）
3.内部样式表（位于 <head> 标签内部）
4.内联样式（在 HTML 元素内部）
因此，内联样式（在 HTML 元素内部）拥有最高的优先权，这意味着它将优先于以下的样式声明：
内部样式表，外部样式表中的样式声明，或者浏览器中的样式声明（缺省值）。
本文为原创文章，版权归主机之家测评所有，欢迎分享本文，转载请保留出处！
