2024-06-12

Writerside/topics/Selectors.md

@@ -140,8 +140,36 @@ div[class*="box-"] {
 
 ### 후손 결합자
 
+첫 번째 선택자와 일치하는 요소의 자손 중에서 하위 선택자와 일치하는 요소를 선택합니다.
+
+```CSS
+p .highlight {
+}
+```
+
 ### 자식 결합자
 
+첫 번째 선택자와 일치하는 요소의 직접 자손 중에서 하위 선택자와 일치하는 요소를 선택합니다.
+
+```CSS
+p > .highlight {
+}
+```
+
 ### 인접 형제 결합자
 
+첫 번째 선택자와 일치하는 요소의 인접 형제 노드가 하위 선택자와 일치하는 요소를 선택합니다.
+
+```CSS
+p + .highlight {
+}
+```
+
 ### 일반 형제 결합자
+
+첫 번째 선택자와 일치하는 요소의 형제 중 하위 선택자와 일치하는 요소를 선택합니다.
+
+```CSS
+p ~ .highlight {
+}
+```