样式的优先级

时间:2023-01-14 05:51:01
    <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 优先级最高