写法优先级,从高到低顺序:
1. 行内样式表 <p style="....." >
2. 内部样式表 <style>..... </style>
3. 外部样式表 <link >
选择器优先级:
id 定义的样式优先于 class 定义的样式。
样式继承:
子标签会继承部分父标签的样式特征 ,有些样式不会被继承,如 margin , padding 等。
两个相同的样式属性,后一个会覆盖前一个。
如 : div { background-color:red ; background-color:green ; }
!important 可以用来提升样式的优先级,如:
div { background-color:red ; !important background-color:green ; } // 使 red属性优先被执行。