"일꾼이 일을 잘하려면 먼저 도구를 갈고 닦아야 한다." - 공자, 『논어』.
첫 장 > 프로그램 작성 > 인접 형제 선택기를 사용하여 특정 제목 다음에 오는 단락의 스타일을 지정하려면 어떻게 해야 합니까?

인접 형제 선택기를 사용하여 특정 제목 다음에 오는 단락의 스타일을 지정하려면 어떻게 해야 합니까?

2024년 11월 24일에 게시됨
검색:135

How Can I Use the Adjacent Sibling Selector to Style Paragraphs Following a Specific Heading?

인접 형제 선택기를 사용하여 요소 위치 지정

CSS 선택기의 복잡함을 탐색하는 것은 어려울 수 있으며, 특히 다음을 기반으로 요소의 스타일을 지정해야 할 때 더욱 그렇습니다. 형제 요소와의 관계. 입력: CSS 전략을 미세 조정하는 데 꼭 필요한 도구인 인접한 형제 선택기.

"hc-reform" 클래스가 있는

뒤에 오는 모든

태그가 clear:both를 사용하는지 확인하려면, 인접한 형제 선택자를 사용할 수 있습니다. 기호로 표시된 이 선택자는 특정 요소 바로 다음에 오는 형제를 대상으로 합니다.

h1.hc-reform   p {
  clear:both;
}

이 코드 조각은 "hc-reform" 클래스가 있는

바로 뒤에 오는

태그만 효과적으로 타겟팅합니다. 이러한 단락에 대해clear:both를 설정하면

에 의해 도입되었을 수 있는 부동 요소를 둘러싸는 것을 방지할 수 있습니다.

이 선택기는 Internet Explorer 6 이하에서는 지원되지 않습니다. 이므로 사용자가 이러한 브라우저를 사용하여 사이트에 액세스할 것으로 예상된다면 브라우저 호환성을 고려하십시오.

최신 튜토리얼 더>

부인 성명: 제공된 모든 리소스는 부분적으로 인터넷에서 가져온 것입니다. 귀하의 저작권이나 기타 권리 및 이익이 침해된 경우 자세한 이유를 설명하고 저작권 또는 권리 및 이익에 대한 증거를 제공한 후 이메일([email protected])로 보내주십시오. 최대한 빨리 처리해 드리겠습니다.

Copyright© 2022 湘ICP备2022001581号-3