CSS 의 위조 클래스

2769 단어
: hover - CSS: hover 의사 클래스 는 커서 (마우스 포인터) 가 원 소 를 가리 키 지만 이 요소 가 활성화 되 지 않 았 을 때의 스타일 에 적 용 됩 니 다.
  • 문법: :hover
  • CSS 버 전: CSS 2
  • 인터넷 주소 참조:http://www.dreamdu.com/css/pseudo-class_hover/
  • 설명:
  • 커서 (마우스 포인터) 가 원 소 를 가리 키 는 데 적용 되 지만 이 요소 가 활성화 되 지 않 았 을 때
  • 클 라 이언 트 (브 라 우 저) 는 사용자 와 상호작용 하 는 동작 에 따라 렌 더 링 효 과 를 바 꿀 수 있다. CSS 는 이러한 상황 에 세 가지 위 류 를 제공 했다. hover, active, focus
  • 상기 세 가지 위 류 는 서로 배척 하 는 것 이 아니 라 한 요소 가 그 중의 몇 개
  • 를 동시에 적용 할 수 있다.
  • : hover 의사 류 는 사용자 가 하나의 요 소 를 가리 킬 때, 예 를 들 어 사용자 의 마우스 가 한 단락 p 를 가리 키 는 데 적 용 됩 니 다.사용자 마우스 가 요 소 를 떠 날 때 요소 의 원래 스타일 디 스 플레이 를 복원 합 니 다
  • hover, 중국어 '체류, 서 스 펜 션' 의 뜻
  • 문법
    :hover a:hover a.class:hover 

    예시
    a:hover  {  color:yellow;  background:blue;  font-size:small; } p:hover {  color:yellow;  background:blue;  font-size:large; } div:hover {  color:red;  background:lime;  font-size:small; } 

    IE 브 라 우 저 는 A 요소 이외 의 다른 요 소 를 지원 하지 않 습 니 다: hover 의사 클래스
    IE6, IE7 (Q), IE8 (Q) 브 라 우 저 는 A 요소 이외 의 다른 요 소 를 지원 하지 않 습 니 다. hover 의사 류 는 위의 예제 테스트 를 통 해 테스트 할 수 있 습 니 다.
    의사 선택 문자 의 순서: L - V - H - A
    CSS 는 링크,: visited,: hover,: active 등 네 가지 위 류 설정 링크 의 색상 을 제공 합 니 다. 이러한 순 서 를 L - V - H - A 라 고 부 릅 니 다. 즉, 링크 가 가장 먼저, 그 다음 에 visited, 그 다음 에 hover, 마지막 active 라 고 부 릅 니 다. 이렇게 성명 해 야 hover 와 active 상태 가 정확 한 스타일 을 표시 할 수 있 습 니 다.
    예시
    a:link {  color: red; } a:visited {  color: green; } a:hover {  color: blue; } a:active {  color: black; } 

    좋은 웹페이지 즐겨찾기