[CSS] 기본 선택자, 그룹 선택자, 결합자

기본 선택자

이름	구문	설명
전체 선택자	*	모든 요소를 선택
유형 선택자	elementName	주어진 노드 이름을 가진 모든 요소를 선택
ID 선택자	#idName	id 요소 선택. 문서 내에 단, 하나만 존재해야 한다.
클래스 선택자	.className	주어진 class 특성을 가진 모든 요소를 선택
특성 선택자	[attr] [attr=value]  [attr~=value]  [attr|=value]  [attr^=value]  [attr$=value]  [attr*=value]	주어진 특성을 가진 모든 요소를 선택

그룹 선택자

이름	구문	설명
선택자 목록	A, B	,는 선택자 그룹을 생성하는 방법으로, 모든 일치하는 노드를 선택

결합자

이름	구문	설명
자식 결합자	A > B	A의 직계 자식인 노드를 선택
자손 결합자	A B	A의 자손인 노드를 선택
일반 형제 결합자	A ~ B	A와 B의 부모가 같고, A의 뒤에 오는 모든 B를 선택
인접 형제 결합자	A + B	A와 B의 부모가 같고, A의 바로 뒤에 있는 B만 선택

See the Pen [CSS] 형제 결합자 by mill (@millfeel) on CodePen.

---

[공부 좌표]

CSS 선택자