css优先级规则

♀尐吖头ヾ 提交于 2020-03-05 05:58:28

一、在同一样式表内

1.权值相同

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

2.权值不同

  根据权值来判断css样式

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

二、选择器权值

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

三、权值规则

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

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

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

五、优先级

  1、css使用方法的优先级

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

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

  2、样式表中优先级

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

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!