2. 의사 클래스와 의사 요소
A. : 호버 뒤의 자손 선택기
예
| A : 호버 스팬 { 색상 : #0f0; } |
설명하다
요소는 자손 선택기처럼 호버 의사 클래스 뒤의 선택기에 의해 배치 될 수 있습니다. 위의 예에서, 마우스가 호버링되면 요소 A의 스팬 요소의 텍스트 색상이 변경됩니다.
지원하다
| IE6 아니오 IE7 예 IE8 예 |
B. 체인 의사 카테고리
예
| A : 1 차 자녀 : 호버 { 색상 : #0f0; } |
설명하다
의사 클래스를 좁히기 위해 묶을 수 있습니다. 위의 예는 각 상위 요소 아래에서 첫 번째 A 태그를 찾아서 호버 의사 클래스 P를 적용합니다.
지원하다
| IE6 아니오 IE7 예 IE8 예 |
C. 비 캔더 요소 중 : 호버
예
| div : 호버 { 색상 : #F00; } |
설명하다
: 호버 의사 클래스는 A 태그뿐만 아니라 모든 요소의 호버 상태에 적용될 수 있습니다.
지원하다
| IE6 아니오 IE7 예 IE8 예 |
D. : 일차 자녀 의사 클래스
예
| Div Li : 일 자녀 { 배경 : 파란색; } |
설명하다
의사-수정 클래스는 각 지정된 요소의 부모 요소의 첫 번째 자식 요소를 찾습니다.
지원하다
| IE6 아니오 IE7 예 IE8 예 |
버그
IE7에서, 위치에 위치 할 첫 번째 자식 요소에 이전에 HTML 댓글이 있다면, 1 차 자녀 의사 클래스가 유효하지 않습니다.
E. : 의사 클래스 초점
예
| A : 초점 { 테두리 : 1px 솔리드 레드; } |
설명하다
이 의사 클래스는 키보드 초점을 가진 모든 요소를 찾습니다.
지원하다
| IE6 아니오 IE7 아니요 IE8 예 |
F, : 이전 및 : 의사 클래스 후
예
| #box : 전 { 내용 : "이 단락은 상자 앞에 있습니다"; } #box : {후 { 내용 : "이 단락은 상자 뒤에 있습니다"; } |
설명하다
이 두 유사 요소는 지정된 요소 전후에 생성 된 컨텐츠를 추가하여 컨텐츠 속성과 함께 사용합니다.
지원하다
| IE6 아니오 IE7 아니요 IE8 예 |
3. 속성 지원
A. 위치별로 생성 된 실제 크기
예
| #상자 { 위치 : 절대; 상단 : 0; 오른쪽 : 100px; 왼쪽 : 0; 하단 : 200px; 배경 : 파란색; } |
설명하다
절대적으로 위치 된 요소에 상단, 오른쪽, 하단 및 왼쪽 값을 정의하면 너비와 높이 값을 만들기위한 설정이 없지만 요소의 실제 크기 (너비 및 높이)가 제공됩니다.
지원하다
| IE6 아니오 IE7 예 IE8 예 |
B. Min-Height 및 Min-Width
예
| #상자 { Min-Height : 500px; 최소값 : 300px; } |
설명하다
이 두 속성은 요소의 너비와 높이의 최소값을 지정하므로 상자가 지정된 최소값보다 크지 만 더 작지는 않습니다. 함께 또는 별도로 사용할 수 있습니다.
지원하다
| IE6 아니오 IE7 예 IE8 예 |
C, Max-Height 및 Max-Width
예
| #상자 { 최대 높이 : 500px; 최대 세포 : 300px; } |
설명하다
이 두 속성은 요소의 높이와 너비의 최대 값을 지정하여 지정된 최대 값보다 상자가 작지만 더 크지는 않습니다. 동시에 또는 개별적으로 사용할 수도 있습니다.
지원하다
| IE6 아니오 IE7 예 IE8 예 |