포스트

05. CSS 선택자(5)

1) 기타 선택자

1
2
✔ :only-child
특정 요소의 자식이 하나밖에 없을 때 선택

1
2
✔ :only-of-child
특정 요소의 자식 중 지정된 형태와 같은 자식 요소가 하나만 있을 때 선택

1
2
3
4
✔ :empty
자식 요소가 없는 요소를 선택
- 자식 요소??
태그, 글자, 띄어쓰기 모두를 자식 요소라고 한다

2) 여러 선택자 동시 선택

1
2
3
4
같은 스타일을 지정하고 싶으나 요소를 선택하는 선택자가 일치하지 않을 때 사용

[작성법]
선택자1, 선택자2, 선택자3, ... { css 코드; }

3) 특정 요소 내부에 있는 특정 클래스만 선택하기

4) 클래스가 여러개인 요소만 선택