您的位置:首页 > Web前端 > CSS

css三种引入方式的优先级

2017-05-02 15:32 961 查看
如果你对同一个元素使用了以上三种方法,那么最后起作用的是哪一种呢?也就是三个的优先级别。优先级最高的是行内样式,如果你三种都写了同样的属性,那么行内样式会覆盖其余两种方式,内部样式和外部样式取决于他们在head标签中位置的顺序:

<style type="text/css">

<!--

h1{color:red}

-->

</style>

<link rel="stylesheet" type="text/css" href="style.css" />

style.css中:h1{color:green}

此时外部在内部下方,那最终显示的结果应该是外部中设置的color:green;同样,如果外部样式在内部上方那么最终显示结果是color:red。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: