css优先级规则

一、在同一样式表内

1.权值相同

  就近原则(离被设置元素越近优先级越高)

2.权值不同

  根据权值来判断css样式

  哪种css样式权值高,就使用哪种样式

二、选择器权值

  • 标签选择器:权值为1
  • 类选择器和伪类:权值为10
  • id选择器:权值为100
  • 通配符选择器:权值为10 
  • 行内样式:权值为1000

三、权值规则

  • 统计不同选择器的个数
  • 每类选择器的个数乘以相应权值
  • 把所有的值相加得出选择器的权值

四、!important规则(优先级最高)

  • 可调整样式规则的优先级
  • 添加在样式规则之后,中间用空格隔开
div{color:red !important;}

五、优先级

  1、css使用方法的优先级

    行内样式 > 内部样式 > 外部样式

    (注:link链入外部样式和style内部样式优先级,取决于先后顺序)

  2、样式表中优先级

    id选择器  > class选择器 > 标签选择器 > 通配符 

原文地址:https://www.cnblogs.com/zwtqf/p/9036130.html