多重样式优先级

样式表允许以多种方式规定样式信息。样式可以规定在单个的 HTML 元素中,在 HTML 页的头元素中,或在一个外部的 CSS 文件中。甚至可以在同一个 HTML 文档内部引用多个外部样式表。

一般情况下,优先级如下: (内联样式)Inline style > (内部样式)Internal style sheet >(外部样式)External style sheet > 浏览器默认样式

style.css 文件样式代码如下:

color:blue; <!-- 外部样式 style.css --> < link rel = " stylesheet " type = " text/css " href = " style.css " /> <!-- 设置:h3{color:blue;} --> < style type = " text/css " > /* 内部样式 */ h3{color:green;} </ style > </ head > < h3 > 显示绿色,是内部样式 </ h3 > </ body > 尝试一下 »

注意: 如果外部样式放在内部样式的后面,则外部样式将覆盖内部样式,实例如下:

<!-- 设置:h3{color:blue;} --> < style type = " text/css " > /* 内部样式 */ h3{color:green;} </ style > <!-- 外部样式 style.css --> < link rel = " stylesheet " type = " text/css " href = " style.css " /> </ head > < h3 > 显示蓝色,是外部样式 </ h3 > </ body > 尝试一下 »
  • #0
  •