<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>
<!--
选择器的权重:优先级
- css中选择器的权重是用4位数字表示的
- 内联选择器 1 0 0 0
- id选择器 0 1 0 0
- class选择器 0 0 1 0
- 包含选择器 父级选择器+子级选择器 div p => 2
- 标签选择器 0 0 0 1
- 群组选择器 单独进行计算 #id, .class, div{} 不能进行相加,单独计算
- 伪类选择器 0 0 1 0
- 伪对象/伪元素(还没有学习)0 0 0 1
- 结构选择器
总结:在写项目的时候用的特别多,很重要
前面五个权重选择器最重要
-->
2021.01.24选择器权重
最新推荐文章于 2022-07-29 14:49:35 发布