html - 如图，当多个css样式对一个标签进行控制的时候相互覆盖，权限大小是怎么算的？

问题描述

问 题

那个nav-tow 是一个div的css类
就这样，求问，以前搜过类似问题，貌似没搜到。想知道，这个是不是跟变量的作用域似的 ，有个规则呢？
不胜感激

解决方案

"权值的大小跟选择器的类型和数量有关
样式的优先级跟样式的定义顺序有关"    

(a, b, c, d) 计算规则 如果元素的样式定义在style属性中（例如, <span style="color:
red">），那么a的值就是1。通常情况下我们不会在style中定义样式 a
b表示在复合选择器中，所有ID属性（例如，#mydiv）的个数 b
c表示在复合选择器中，所有属性（例如，[foo=bar]）和伪类(例如，a:hover )的个数 c
d表示在复合选择器中，元素名（例如，div）和伪元素（例如，p:first-line）的个数 d

按照abcd的顺序从a向d比。

补充
1、通用选择器(*)是0优先级；
2、如果两个选择器有同样的优先级，在样式表中后面的那个起作用
3、important的权值为最高 （1,0,0,0）

w3c关于选择器优先级的计算

这篇关于html - 如图，当多个css样式对一个标签进行控制的时候相互覆盖，权限大小是怎么算的？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！