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

앵커 요소가 상속을 거부하는 경우: 원인 파악

앵커 요소가 상위 요소에서 색상 속성을 상속하지 못하는 경우 문제가 발생했습니다. 일반적으로 앵커 요소는 상위 요소의 색상을 원활하게 채택해야 하지만 때로는 특정 요인으로 인해 이러한 상속이 중단될 수 있습니다.

제공된 코드에서 이 동작을 발견했으며 해결책을 찾고 있습니다. 여기서 주요 원인은 앵커 태그의 기본 CSS 스타일일 가능성이 높습니다. 브라우저에는 앵커에 대한 자체 기본 색상 설정이 있는 경우가 많으며, 이는 상위 요소의 지정된 색상을 재정의할 수 있습니다.

이 문제를 해결하려면 앵커 요소의 글꼴 색상을 명시적으로 설정하여 기본 CSS 규칙을 재정의할 수 있습니다. "상속해." 이렇게 하면 브라우저가 앵커 태그에 상위 색상을 사용하게 됩니다.

해결책:

스타일시트에 다음 CSS 규칙을 추가하세요.

a {
  color: inherit;
}

이 코드는 특히 앵커 태그를 대상으로 하며 브라우저에 상위 태그의 색상을 상속하도록 지시합니다. element.

수정된 코드:

<style>
  .blue {
    color: #6E99E1;
    font-size: 9px;
  }

  a {
    color: inherit;
  }
</style>

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

이 수정을 통해 앵커 태그는 이제 상위 요소에서 원하는 색상을 상속하여 전체에서 일관된 모양을 보장합니다. 웹페이지.

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