CSS 스타일 근접성 원칙이란 무엇입니까?

CSS에서 스타일의 근접 원칙은 동일한 요소에 여러 가지 다른 스타일 규칙이 적용될 때 스타일 가중치가 동일하면 요소에 가까운 스타일이 가장 높은 우선순위를 갖는다는 것을 의미합니다. 다중으로 두 스타일의 가중치가 동일한 경우 마지막 순위의 스타일이 가장 높은 우선순위를 갖습니다.

이 튜토리얼의 운영 환경: Windows 10 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.

CSS 스타일 근접성 원칙은 무엇인가요?

CSS 우선순위

복잡한 CSS 스타일 시트에서는 동일한 스타일의 서로 다른 값을 쌓는 것만큼 간단하지 않은 경우가 많습니다. 동일한 요소에 다른 스타일 규칙이 적용됩니다. 이때 어떤 스타일을 사용해야 합니까? 이는 일반적인 CSS 우선순위 문제입니다.

우선적인 문제를 다루려면 스타일의 무게를 고려하세요. 다음은 여러분에게 소개할 몇 가지 특별한 상황입니다:

==상속된 스타일의 가중치는 0입니다. ==즉, 중첩 구조에서는 부모 요소의 스타일 가중치가 아무리 크더라도 자식 요소가 상속할 때 자식 요소에 적용되는 가중치는 0, 즉 자식 요소가 정의한 스타일이 됩니다. 상속된 모든 스타일을 재정의합니다.

==인라인 스타일이 우선 적용됩니다. ==style 속성이 적용된 요소의 인라인 스타일 가중치는 매우 높으며, 이는 100보다 훨씬 크다고 이해할 수 있습니다. 간단히 말해서, 위에서 제기한 선택자보다 우선순위가 더 높습니다.

가중치가 동일한 경우 CSS는 근접 원칙을 따릅니다. 즉, 요소에 가장 가까운 스타일의 우선순위가 가장 높거나 마지막 순위의 스타일이 가장 높은 우선순위를 갖습니다.

CSS는 가장 높은 우선순위가 부여되는 !important 명령을 정의합니다. 즉, 스타일 위치의 무게와 거리에 관계없이 !important가 가장 높은 우선순위를 갖습니다.

css 가중치

CSS 가중치를 계산하려면 일련의 계산 공식이 필요합니다. 이것이 CSS 특성 또는 비특이성이라고 부르는 CSS의 우선순위를 측정하는 표준 특정 사양입니다.

특정성은 4자리 숫자 문자열(CSS2는 3자리)로 표시되며 값은 왼쪽에서 오른쪽으로 표시되며 왼쪽에 있는 값이 가장 큽니다. , 한 수준은 한 수준보다 크고 숫자 사이에는 기본이 없으며 수준을 초과할 수 없습니다.

(동영상 공유 학습: css 동영상 튜토리얼)

위 내용은 CSS 스타일 근접성 원칙이란 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!