css 다중 선택자, css 클래스명 띄어쓰기 의미

1.공백없이 클래스끼리 붙어있는 경우

.class1.class2{} ex)-.con1.con2
클래스 속성 내에 con1과 con2가 모두 설정된 모든 요소를 선택합니다.

2.쉼표가 있는 경우입니다.

• element, element, element { }
• css 선택자 목록(,)은 일치하는 모든 요소를 선택합니다.
• 쉼표로 구분한 목록을 한 줄에 배치할 수 있습니다.
• h1, h2, h3, h4, h5, h6 { font-family: helvetica; }

3. 공백으로 연결해서 사용 하면 하위 개체로 지정합니다

.test1 .test2 .test3
test1클래스 내부의 test2클래스 내부 test3클래스요소에만 스타일 적용합니다.

4. > 기호

test1 > test2
특정 요소의 앞, 뒤 혹은 내부에 있는 것을 선택하는 법 test1 > test2
부모가 test1이고 아래 단계인 test2요소들만 선택하는 합니다.

• 참조 사이트 다중 조건 선택자
• 참조 사이트 css 다중 선택자와 css 클래스명 띄어쓰기

#css #css띄어쓰기 #css > #css .