HTML-CSS （十五）CSS样式优先级

相同样式优先级

当在同一个选择器内设置相同样式时，后面的优先级较高，但不建议出现重复设置样式的情况

内部样式与外部样式

内部样式与外部样式优先级相同，如果设置了相同样式，那么后写入的引入方式优先级高

单一样式优先级

style>id >class>标签>*>继承

权重值

style ：1000

id：100

class：10

标签：1

！important：提升样式优先级，非规范方式，不建议使用（不能针对继承的属性提升优先级）

标签+类与单类：标签加类优先级高于单类的优先级

群组选择器

群组选择器与单一选择器相同，靠后的优先级高（同名比较）

			div,p{
			
				color：red
			
			}
			
			p{
			
				color:blue
			
			}

p最后显示的是蓝色

				p{
				
					color:blue
				
				}
				
				div,p{
				
					color：red
				
				}

层次优先级

1.权重比较：

ul li .box p input{} 权重级总和： 1+1+10+1+1

.hello span #elem{} 权重级总和：10+1+100

注：即使通过权重级小的相加，最终权重级大于权重级大的，那还是权重级大的优先级高，永远不会出现越级情况

2.约分比较

ul li .box p input{} -> li p input{}

.hello span #elem{} -> #elem{}

将权重级相同的可以删掉,等份删除