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

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

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

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

<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 중국어 웹사이트의 기타 관련 기사를 참조하세요!