h1 태그 내에서 링크의 색상을 변경하려고합니다. HTML 코드는 다음과 같습니다.
<h1 class="redheadline">
<a href="">Link text color here..</a>
</h1>
내가 사용하려는 CSS 코드는 다음과 같습니다.
h1.redheadline {font-size: 1.75rem; color:red;}
글꼴 크기는 변경되지만 링크 텍스트의 색상은 변경되지 않습니다. CSS 코드의 어디에 색상을 추가해야합니까? 감사!
h1.headline
그리고 <h1 class="redheadline">
그들은 같은 클래스 이름이 아닙니다.<a>
요소가 기본 색상을 가지고, 그것은 부모에서 색상을 허용하지 않습니다.Chrome 기본값 :
이렇게하려면 요소의 기본 속성을 재정의하는 올바른 클래스를 정의해야합니다.
귀하의 질문으로 돌아가서 h1.redheadline a { ... }
.
코드 조각을 실행할 수 있습니다.
h1.redheadline {
font-size: 1.75rem;
}
h1.redheadline a {
color: red;
}
<h1 class="redheadline">
<a href="">Link text color here..</a>
</h1>
두 번째 질문 :
h1.redheadline a {
font-size: 3rem;
color: red;
}
<h1 class="redheadline">
<a href="">Link text color here..</a> Pure Heading Text Here...
</h1>
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다