>웹 프론트엔드 >CSS 튜토리얼 >내 앵커 태그가 상위 색상을 상속하지 않는 이유는 무엇입니까?

내 앵커 태그가 상위 색상을 상속하지 않는 이유는 무엇입니까?

Barbara Streisand
Barbara Streisand원래의
2024-12-16 18:10:16342검색

Why Doesn't My Anchor Tag Inherit Its Parent's Color?

앵커 태그 상위 색상 속성 비상속

배경:
일반적인 상황에서는 앵커() 요소 상위 요소의 색상 속성을 상속받습니다. 그러나 특정 상황에서는 이 상속이 중단될 수 있습니다.

문제:
제공된 코드 조각에서:

<span class="blue">::<a href="/equipment_new.php">CLICK HERE</a>:: to view our New Equipment inventory. <br /><br /></span>

태그가 상위 에서 색상(#6E99E1)을 상속하지 못했습니다. 클래스 "blue."

원원:
태그에는 기본적으로 "color: blue;"라는 CSS 속성이 있습니다. 상위 요소에서 상속된 색상을 재정의합니다. 이렇게 하면 상위 태그의 색상에 관계없이 앵커 태그가 항상 파란색이 됩니다.

해결책:
태그는 부모 색상, 기본 "색상: 파란색"을 상속합니다. 속성은 명시적으로 재정의되어야 합니다. 이를 수행하는 한 가지 방법은 다음 CSS 규칙을 추가하는 것입니다.

a {
  color: inherit;
}

이 규칙은 브라우저가 모든 태그.

부록:
원하는 경우 "색상: 상속;"을 수정할 수 있습니다. 대신 특정 색상을 지정하는 규칙:

a {
  color: #6E99E1;
}

이렇게 하면 모든 태그는 상위 요소의 색상이 서로 다르더라도 상위 요소에서 #6E99E1 색상을 상속합니다.

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

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.