선택자 2

다중클래스 사용 및 선택자 선택방법

다중 class 사용 사용 방법 : 태그의 class attribute에 다중 클래스 입력 시 공백으로 표기하여 입력 표기 )​ box 다중클래스 선택방법​ ​: css에서 다중클래스 사용 시 “ . “으로 연결하여 사용한다. 표기 )​ box ​주의 : ​#boxgroup .box{} 자식요선택 요소(element)선택 방법: 1. tag ​: 태그명을 사용하여 선택할 수 있다. 표기 ) css div{ /*속성기재*/ } ​html test 2. ID ​: id명을 사용하여 선택할 수 있다.​( “#“으로 표기 ) 표기 )​ css #box{ /*속성기재*/ } html test 3. class ​: class명을 사용하여 선택할 수 있다.​(“ .” 으로 표기 ) 표기 )​ css .box{ /*속..

웹코딩/css3 2022.01.25

CSS 문자열 속성 선택자

문자열 속성 선택자 문자열 속성 선택자는 태그가 가지고 있는 속성의 특정한 문자열을 확인합니다. 1. 선택자 [ 속성 ~= 값] : 속성 안의 값이 특정 값을 단어로 포함하는 문서 객체를 선택합니다. div[class ~= box] { color: red; } 2. 선택자 [속성|=값] : 속성 안의 값이 특정 값을 단어로 포함하는 문서 객체를 선택합니다. ※ '-' 으로 단어 구분 : 클래스 box-1 일때 다중클래스라면 첫번째 클래스 단어의 '-' 앞 단어로 선택 box1 div[class|=box] { color: red; } 3. 선택자 [속성^=값] : 속성 안의 값이 특정 값으로 시작하는 단어로 포함하는 문서 객체를 선택합니다. div[class^=box] { color: red; } 4. 선..

웹코딩/css3 2022.01.18