CSS 多重样式优先级

CSS 样式表允许以多种方式设置样式信息

样式可以设置在单个的 HTML 元素中,在 HTML 页的头元素中,或在一个外部的 CSS 文件中

甚至可以在同一个 HTML 文档内部引用多个外部样式表

一般情况下,优先级如下

(内联样式) Inline style > (内部样式) Internal style sheet > (外部样式) External style sheet  > 浏览器默认样式

比如下面这个 HTML 文档

<!DOCTYPE html>
<head>
    <!-- 外部样式 style.css -->
    <link rel="stylesheet" href="style.css"/>
    <!-- 设置:h3{color:blue;} -->
    <style>
      /* 内部样式 */
      h3{color:green;}
    </style>
</head>
<body>
    <h3>测试</h3>
</body>

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

关于   |   FAQ   |   我们的愿景   |   广告投放   |  博客

  简单教程,简单编程 - IT 入门首选站

Copyright © 2013-2018 简单教程 twle.cn All Rights Reserved.