1.CSS选择器优先级: !important >行间样式> id >class和属性选择器>标签选择器>通配符选择器 注意:[初级工程师水平]
2.之所以有优先级问题,归根到底是这些选择器有权重的,权重值越大,优先级越高!如下所示:
!important Infinity[正无穷]
行间选择器 1000[权重]
id选择器 100[权重]
class|属性|伪类选择器 10[权重]
标签|伪元素选择器 1[权重]
通配符 0[权重]
以上权重满足计算关系,在数学中,正无穷加1和正无穷是一样的,但是在计算机中,正无穷加1就是比正无穷大,也就是说在计算机中正无穷是有穷尽的!
需要注意:这里的1000和100等数字权重都不是十进制的,都是256进制的,所以1和2之间不是差了1,而是差了256!【高大尚的知识点】
时间: 2024-10-12 14:20:29