样式的优先级

    <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 优先级最高

原文地址:https://www.cnblogs.com/yigexiaojiangshi/p/7066156.html