当前位置: 主机百科 » 资源 » 技术 » 正文

CSS样式的优先级说明

当同一个Html元素被不止一个样式定义时,会使用哪个样式呢?

一般而言,所有的样式会根据下面的规则层叠于一个新的虚拟样式表中,最后面的拥有最高的优先权,也就是数字4拥有最高的优先权,其次是3,再次是2,最后是1。

1.浏览器缺省设置

2.外部样式表(通过link引用的样式表文件)

3.内部样式表(位于 <head> 标签内部)

4.内联样式(在 HTML 元素内部)

因此,内联样式(在 HTML 元素内部)拥有最高的优先权,这意味着它将优先于以下的样式声明:

内部样式表,外部样式表中的样式声明,或者浏览器中的样式声明(缺省值)。

未经允许不得转载:主机百科 » CSS样式的优先级说明

相关文章