CSS3에서 호버는 무엇을 의미합니까?
- WBOY원래의
- 2022-04-18 16:14:277655검색
Css3에서 Hover는 "hover"를 의미하며 ":hover"는 의사 클래스 선택기입니다. 이 선택기는 모든 요소에 적용되며 IE에서는 필수 요소입니다. ""은 선택기가 유효한지 확인할 수 있으며 구문은 "element:hover{style code}"입니다.
이 튜토리얼의 운영 환경: Windows 10 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.
css3에서 hover는 무엇을 의미합니까? css:hover는 의사 클래스 선택기입니다. :hover 의사 클래스 선택기는 마우스가 요소 위로 이동할 때 이 요소에 특별한 스타일을 추가합니다. :hover 선택기는 모든 요소에 적용됩니다.
: 링크 위로 마우스를 이동할 때 마우스를 올리면 추가되는 특별한 스타일입니다.
IE에서는 ":hover" 선택기가 유효하도록 ""을 선언해야 합니다.
예제는 다음과 같습니다.
<!DOCTYPE html>
<html>
<head>
<style>
p:hover
{
background-color:yellow;
}
</style>
</head>
<body>
<p>改变背景颜色</p>
<p><b>注释：</b>:hover 选择器鼠标指针在其上浮动的链接设置样式。</p>
</body>
</html>출력 결과:
(학습 영상 공유:
위 내용은 CSS3에서 호버는 무엇을 의미합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
이전 기사：CSS에서 vw는 무엇입니까?다음 기사：CSS에서 vw는 무엇입니까?