CSS 인접형제 선택자(Adjacent Sibling Combinator)1

• 

  CSS 인접형제 선택자(Adjacent Sibling Combinator) 인접형제 선택자 Adjacent는 '인접한'이라는 뜻입니다. 인접형제 선택자란 동일 부모 요소를 가진 형제 요소들 중 선택자 다음에 오는 자식 요소 하나에만 스타일을 주기 위한 선택자를 말합니다. 인접형제 선택자의 문법을 먼저 살펴봅니다. 표현식1 + 표현식 2 { /*스타일*/ } 표현식1 에는 동일한 부모를 가진 형제 태그 혹은 전역 속성인 클래스 나 id가 들어갈 수 있습니다. + 는 인접형제 선택자에서 사용하는 필수 기호입니다. 표현식 2 에는 표현식 1 바로 다음에 있는 형제들 중 첫 번째 요소를 가기 키는 태그 혹은 속성값을 지정할 수 있습니다. 예제를 만들어 봅니다. [index.html] 인접 형제 선택자를 위해서 div라는 공통 부모를 둔 h2 요소 3개(형제) 와 별도의 p 요소 하나를.. 앱 만들기/CSS 2023. 6. 10.