HTML5는 앵커 태그에서 블록 수준을 래핑 할 수 있습니다. 그러나 선택기 (예제에서 h4
) 의 색상 이 이전에 선언 되 자마자 새 링크 선언 및 호버 색상이 작동하지 않는 것 같습니다.
h4 {
color: orange;
}
.test a:link, .test a:active, .test a:visited {
color: green;
display: inline-block;
}
.test a:hover {
color: red;
}
<div class="test">
<a href="#">
<h4>Heading</h4>
<p>This is the paragraph</p>
</a>
</div>
Codepen에서이 예제를 찾을 수도 있습니다 : http://codepen.io/Ixillion/pen/ouBrD
이 예에서 단락 텍스트는 올바른 링크 색상 (녹색)과 호버 색상 (빨간색)을 갖습니다. h4
제목은하지 않습니다. CSS
에서 h4
선언을 제거 하자마자 제대로 작동합니다. 불행히도이 간단한 솔루션은 내 프로젝트에서 불가능합니다.
이것은 CSS 버그입니까 아니면 내가 뭘 잘못하고 있습니까? 어떤 도움이라도 대단히 감사하겠습니다.
헤더 요소가 아닌 앵커 태그의 색상 만 변경합니다. 이것이 HTML5에서 허용된다면 CSS 버그 일 것입니다. 당신은 당신의 선택 범위를 좁힐 수 .test a:hover h4
또는 .test a h4:hover
중 작동합니다.
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다