css三种引入方式的优先级

来源:互联网 发布:服务器定时开关机软件 编辑:程序博客网 时间:2024/06/06 19:41
如果你对同一个元素使用了以上三种方法,那么最后起作用的是哪一种呢?也就是三个的优先级别。优先级最高的是行内样式,如果你三种都写了同样的属性,那么行内样式会覆盖其余两种方式,内部样式和外部样式取决于他们在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。
0 0
原创粉丝点击