1. 무게를 나타내기 위해 4자리 문자열을 사용합니다. 각 숫자는 레벨을 나타내며 레벨은 왼쪽에서 오른쪽으로 감소하며 레벨 간 이동은 없습니다.
각 선택자의 기여도 값이 최종 가중치 값에 추가됩니다.
2. 상속된 스타일의 가중치는 0입니다. 인라인 스타일은 모든 선택자보다 더 큰 가중치를 갖습니다.
! 중요한 명령은 우선순위를 나타냅니다.
가중치가 동일할 경우 계단식 배열이 사용됩니다.
예
#box ul li a.cur {색상:빨간색;} #box li .cur {색상:녹색;} #box ul li a.cur 가중치는 100+1+1+1+10 = 113입니다. #box li .cur 가중치는 100+1+10 = 111입니다.
위 내용은 CSS 가중치 계산 규칙입니다. 모든 분들께 도움이 되기를 바랍니다.