CSS多重样式优先级

来源:互联网 发布:mac连不上beats solo3 编辑:程序博客网 时间:2024/06/15 01:59

1、一般情况下的优先级:

外部样式  < 内部样式 < 内联样式
注:如果外部样式放在内部样式后面会覆盖内部样式

2、选择器的权值:


1. 内联样式的权值为1000
2. ID选择器的权值为100
3. CLASS类选择器的权值为10
4. HTML标签元素选择器权值为1


A 、 选择器都有一个权值,权值越大越优先;
B 、 当权值相等时,后出现的样式表设置要优于先出现的样式表设置;
C 、 创作者的规则高于浏览者:即网页编写者设置的CSS 样式的优先权高于浏览器所设置的样式;
D、 继承的CSS 样式不如后来指定的CSS 样式;
E、 在同一组属性设置中标有“!important”规则的优先级最大

3、优先级递增的选择器列表:

  1. 通用选择器(*)
  2. 元素(类型)选择器
  3. 类选择器
  4. 属性选择器
  5. 伪类
  6. ID 选择器
  7. 内联样式


原创粉丝点击