css 선택자

인접 셀렉터 + : 다음 태그 선택

자식 셀렉터 > : greater than

간접 셀렉터 ~(틸트) : 뒤에 나오는 모든 태그 선택

부정 유사 클래스 (Negation pseudo-class) 셀렉터
: 셀렉터 안 태그 중에서 특정 조건은 제외한 태그를 지정, 셀렉터 뒤에 :not(···)을 붙이고 제외 조건을 명시합니다

[attribute] :[ ] 속성 셀렉터

[attribute=’value’]

[attribute!=’value’] : ! 부정

[attribute^=’value’] :특정 속성의 값이 특정 문자열로 시작되고 있는 태그 선택 가능

[attribute$=’value’] :특정 속성의 값이 특정 문자열로 끝나고 있는 태그 선택 가능

[attribute*=’value’] :특정 문자열을 포함하고 있는 태그를 지정 가능

[attributeFilter1][attributeFilter2] :복수의 속성 셀렉터를 동시에 지정하는 것도 가능

empty 유사 클래스 셀렉터 : 자식 태그나 또는 텍스트를 포함하지 않는 태그를 선택 empty ;  셀렉터 뒤에 :empty

nth-child 유사 클래스
nth-child(even)   odd    3n과 같은  지정 가능

only-child : 셀렉터에 특정 태그가 한 개만 포함 되어 있을 경우

 

tip.

1. 아이디 선택자 페이지 상에서 한 번 만 사용하는 유일한 선택자    (  // 0413 )

2. 변수는  중간 띄우기 ,숫자, 특수 문자 불가

3. 띄어 쓰기 대체 : _(underbar presentation);  대소문자 구분 (낙타 표기법 : KoreaS)

카테고리css

답글 남기기

이메일은 공개되지 않습니다. 필수 입력창은 * 로 표시되어 있습니다.