첫째, 우선 순위 가중치 무엇인가
1. 역할 : 함께 혼합 할 때 선택기의 복수, 우리는 다시 가중치를 계산하여 가장 높은 우선 순위를 가지고있는 사용자를 결정 할 수 있습니다.
2. 마우스 오른쪽 무거운 계산 규칙
공통 코드 :
<body>
<div id="identity1" class="box1">
<ul>
<li>
<p id="identity2" class="box2">试炼语句</p>
</li>
</ul>
</div>
</body>
web前端开发学习Q-q-u-n: ⑦⑧④-⑦⑧③-零①②,分享学习的方法和需要注意的小细节,不停更新最新的教程和学习方法(详细的前端项目实战教学视频)
(1) 우선 계산 얼마나 많은 선택기 ID, 가장 높은 우선 순위 선택기의 ID 번호;
예를 들면 :
#identity1 .box2{
color: red;
}
.box1 .box2{
color: blue;
}
(2)의 경우 다수의 선택 등의 ID, 멀티 클래스 선택 우선 순위 레벨이 높은
.box1 .box2{
color: blue;
}
div ul li p{
color: purple;
}
web前端开发学习Q-q-u-n:⑦⑧④-⑦⑧③-零①②,分享学习的方法和需要注意的小细节,不停更新最新的教程和学习方法(详细的前端项目实战教学视频)
(3) 만약 너무 많은 클래스 이름의 수, 높은 우선 순위의 멀티 태그 번호의 너무 많은 수
#identity1 ul{
color: red;
}
#identity1 ul li p{
color: purple;
}
세 위가 모두 같은 경우 (4), 다음 듣는 사람의 뒤에 누가
#identity1 ul li{
color: blue;
}
#identity1 ul p{
color: red;
}
3. 참고 : 선택을 계산하기 만하면 직접 레이블을 선택하는 것입니다
#identity1{
color: blue;
}
p{
color: red;
}