样式的优先级

    <head>
        <meta charset="utf-8">
        <title>table样式</title>
                 <style type="text/css">
                     .table{
                          width: 50%;
                     }
                 </style>
                
        <link rel="stylesheet" type="text/css" href="table.css">
    
        </head>                

例外:当内联的样式在外联样式前面的时候,内联的样式将会被覆盖

 

 

选择器的优先权:

       行内    >      内联样式表 > id > class > html

                        1000              100   10        1    (权值)

CSS优先级法则 

1)权值高优先

2)权值相等,后出现的样式优先

3)网页编写者优先于浏览器设置的样式

4)继承的不如后来指定的

5)!important 优先级最高

 

posted @ 2017-06-22 17:24  小僵尸  阅读(181)  评论(0编辑  收藏  举报