CSS 조합기 란 무엇입니까? 다른 유형 (자손, 아동, 인접한 형제, 장군 형제)을 설명하십시오. CSS 콤비네이터는 CSS 규칙 세트에서 두 선택기 간의 관계를 정의하는 데 사용됩니다. 그들은 다른 요소에 대한 상대적 위치에 따라 HTML 구조 내 특정 요소를 타겟팅하는 데 도움이됩니다. CSS 조합기에는 4 가지 주요 유형이 있습니다. 후손 조합 (공간) : 후손 조합은 두 선택기 사이의 공간으로 표시됩니다. 지정된 요소의 자손 인 모든 요소를 선택합니다. 즉, 선택한 요소는 어린이 직접 또는 계층 구조를 더 아래로 내릴 수 있습니다. 예 : div p 요소의 후손 인 모든 요소를 선택합니다. Child Combinator (>) : 어린이 콤비네이터는 > 기호로 표시됩니다. 지정된 요소의 직접적인 어린이 인 요소를 선택합니다. 이는 계층 구조에서 요소를 한 레벨 다운으로 대상으로하므로 자손 조합보다 더 구체적입니다. 예 : div > p 요소의 직접적인 어린이 인 모든 요소를 선택합니다. 인접한 형제 조합 () : 인접한 형제 조합은 상징. 다른 특정 요소가 바로 앞에있는 요소를 선택합니다. 두 요소 모두 동일한 부모를 공유해야합니다. 예 : h2 p 요소를 직접 따르는 첫 번째 요소를 선택합니다. 일반 형제 조합 (~) : 일반 형제 조합은 ~ 기호로 표시됩니다. 지정된 요소의 형제 인 요소를 선택하지만 반드시 그 뒤에는 그럴 필요는 없습니다. 인접한 형제 조합과 마찬가지로 이러한 요소는 동일한 부모를 공유해야합니다. 예 : h2 ~ p 다른 요소가 그들 사이에 있는지 여부에 관계없이 요소를 따르는 모든 요소를 선택합니다. CSS 콤비네이터를 사용하여 HTML 구조의 특정 요소를 대상으로하는 방법은 무엇입니까? CSS 콤비네이터는 HTML 구조 내에서 요소를 정확하게 타겟팅하는 데 매우 중요합니다. 각 유형을 효과적으로 사용하는 방법은 다음과 같습니다. 후손 조합 : 깊이에 관계없이 다른 요소 내에 중첩 된 요소를 스타일링 해야하는 경우 자손 조합을 사용할 수 있습니다. 예를 들어, 요소 내부의 모든 태그를 스타일링하려면 nav a 작성합니다. 이것은 요소의 후손 인 모든 앵커 태그를 대상으로합니다. 어린이 조합자 : 특정 요소의 직접적인 어린이 인 요소를 대상으로해야 할 때 어린이 콤바이터를 사용하십시오. 예를 들어, 클래스 main-list 와 함께 의 직접적인 어린이 인 태그 만 스타일링하려면 ul.main-list > li 사용하게됩니다. 이를 통해 직계 아동 요소 만 대상이됩니다. 인접한 형제 조합 : 인접한 형제 조합은 다른 특정 요소를 즉시 따르는 요소를 스타일링하는 데 적합합니다. 예를 들어, 제목을 따르는 첫 번째 단락에 마진을 추가하려면 h2 p 사용할 수 있습니다. 이것은 태그에 따라 바로 태그에 스타일을 추가합니다. 일반 형제 조합 : 일반 형제 조합을 사용하여 특정 요소를 따르는 모든 요소에 스타일을 적용하지만 반드시 인접한 것은 아닙니다. 예를 들어, 요소를 따르는 모든 요소를 스타일링하려면 article ~ div 사용할 수 있습니다. 이것은 그들 사이의 다른 요소에 관계없이 모든 후속 요소를 대상으로합니다. CSS의 아동과 자손 조합의 주요 차이점은 무엇입니까? 아동과 자손 조합의 주요 차이점은 특이성 수준과 그들이 목표로하는 구조에 있습니다. Child Combinator (>) : 요소의 직접 자녀 만 목표로합니다. 부모 아래의 즉각적인 레벨 만 볼 수 있기 때문에 더 구체적입니다. 계층 구조를 더 아래로 고려하지 않고 직접 연결된 요소에 스타일을 적용하려는 경우 유용합니다. 예 : ul > li 의 직접적인 어린이 인 요소를 선택합니다. 후손 조합 (공간) : 직접 어린이와 트리 아래의 요소를 포함하여 지정된 요소의 후손 인 모든 요소를 대상으로합니다. 부모 아래의 모든 수준을 고려하므로 덜 구체적입니다. 계층 구조의 깊이에 관계없이 다른 요소 내에 중첩 된 요소에 스타일을 적용하는 데 유용합니다. 예 : ul li 내부 중첩 요소를 포함하여 의 자손 인 모든 요소를 선택합니다. 바로 형제 자매 인 요소를 선택하는 데 어떤 CSS 콤바이터를 사용해야합니까? 즉각적인 형제 인 요소를 선택하려면 인접한 형제 조합 ()을 사용해야합니다. 인접한 형제 조합은 동일한 부모 내에서 다른 요소를 직접 따르는 요소를 타겟팅하도록 특별히 설계되었습니다. 예를 들어, 요소를 즉시 따르는 요소를 스타일링하려면 선택기 h2 p 사용하게됩니다. 이를 통해 직후 요소 만 선택되며 나중에 따를 수있는 다른 요소는 없습니다.