다음 HTML 설정이 있습니다.
<div>
그리고 해당 CSS:
#button { color: #fff; display: block; height: 25px; margin: 0 10px; padding: 10px; text-indent: 20px; width: 12%; } #button:before { background-color: blue; content: ""; display: block; height: 25px; width: 25px; }
문제는 어떻게 신청할 수 있느냐는 것입니다. CSS만 사용하거나 jQuery를 사용하여 의사 요소에 호버 효과를 적용합니까? 또한, 의사 요소가 다른 요소에 대한 호버 효과에 반응할 수 있습니까?
CSS 전용:
의사 요소를 변경하려면 CSS를 사용하여 부모의 마우스 오버를 기반으로 다음을 수행할 수 있습니다. 다음:
#button:hover:before { background-color: red; }
JQuery:
$("#button").hover(function() { $(this).find(":before").css("background-color", "red"); }, function() { $(this).find(":before").css("background-color", "blue"); });
위 내용은 CSS 또는 jQuery를 사용하여 의사 요소에 호버 효과를 적용하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!