Latest web development tutorials

CSS는 선택기 속성

특정 속성을 가진 HTML 스타일 요소

HTML 요소의 스타일은 특정 속성을 가진 단지 클래스와 ID가 없습니다.

참고 :! IE7과 IE8의 DOCTYPE 선언은 속성 선택자를 지원 필요!IE6 및 이전 버전 속성 선택기를 지원하지 않습니다.


선택기 속성

다음 예는 청색이된다 제목 (타이틀)의 모든 요소를 ​​포함한다 :

[제목] { 색상 : 블루 ;}

»시도


속성 및 값 선택기

다음의 예는 = 'w3big'요소를 제목 제목 테두리 스타일을 변경합니다 :

[제목 = w3big] { 국경 : 5 픽셀 고체 녹색 ;}

»시도


속성을 선택하고 값 - 더 많은 가치

(-) 여기에 스타일 요소의 title 속성의 예를 사용하여 값을 지정 속성과 값을 분리은 :

[제목 ~ = 안녕하세요] { 색상 : 블루 ;}

»시도

(|) 다음은 스타일 요소 lang 속성의 예를 사용하여 값을 지정 속성과 값을 구분은 :

[랭 | = EN] { 색상 : 블루 ;}

»시도


양식 스타일

클래스 또는 ID의 형태를 사용하지 않고 선택기 스타일 속성 :

입력 [유형 = "텍스트"] { 폭 : 150 픽셀 ; 디스플레이 : 블록 ; 마진 - 하단 : 10 픽셀 ; 배경 색상 : 노란색 ;} 입력 [유형 = "버튼"] { 폭 : 120 픽셀 ; 여백 왼쪽 : 35 픽셀 ; 디스플레이 : 블록 ;}

»시도