0
点赞
收藏
分享

微信扫一扫

[C1进阶之路-Web基础] CSS优先级

陈情雅雅 2022-04-19 阅读 41

     

  

1、CSS优先级

  • 【内联样式】 > 【ID选择器】 > 【类选择器、属性选择器、伪类选择器】 > 【标签选择器 、伪元素选择器】

选择器权重
内联样式1000
ID选择器100
类选择器、属性选择器、伪类选择器10
标签选择器、伪元素选择器1
相邻选择符、子代选择符、兄弟选择符、后代选择符0

  

2、选择器权重计算

#header .nav li { list-style: none; }
  • 权重相同时,根据HTML代码从上往下执行的特点,后面选择器会覆盖前面选择器中相同的属性

  • 权重不同时,权重大的选择器生效

  

3、!important规则

  

💬题目01

    

💬题目02

      

 💬题目03

     

 💬题目04

      

 💬题目05

举报

相关推荐

0 条评论