CSS에서 앵커 요소가 항상 색상을 상속하지 않는 이유는 무엇입니까?

CSS 상속 예외: 앵커 요소

CSS에서 앵커 요소()는 항상 상속되지 않는 흥미로운 동작을 나타냅니다. 상위 요소의 색상 속성. 해당 요소의 자손임에도 불구하고 특정 요소로 인해 태그가 이 상속 규칙에서 벗어날 수 있습니다.

다음 코드 조각을 고려하세요.

<span>

이 코드에서 태그는 <span> "파란색" 클래스의 요소입니다. "blue" 클래스는 색상 속성을 정의합니다. 그러나 태그는 이 색상을 상속하지 않습니다.

이 동작의 이유는 웹 브라우저의 기본 스타일시트에 있습니다. CSS 브라우저는 상속된 값을 재정의하는 색상을 포함하는 요소에 대한 기본 스타일을 정의합니다. 태그가 상위 요소의 색상을 상속하도록 하기 위해 스타일시트에 다음 규칙을 추가할 수 있습니다.

a {
  color: inherit;
}

이 규칙을 통합하면 브라우저는 태그의 상위 요소입니다. 이를 통해 일관된 스타일이 보장되고 기본적으로 상속을 방지하는 예외가 제거됩니다.

위 내용은 CSS에서 앵커 요소가 항상 색상을 상속하지 않는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!