>웹 프론트엔드 >CSS 튜토리얼 >CSS 선택기를 사용하여 특정 요소를 따르는 요소의 스타일을 어떻게 지정할 수 있습니까?

CSS 선택기를 사용하여 특정 요소를 따르는 요소의 스타일을 어떻게 지정할 수 있습니까?

Barbara Streisand
Barbara Streisand원래의
2024-11-20 03:09:02231검색

How Can I Style Elements Following a Specific Element Using CSS Selectors?

CSS 선택자를 사용하여 다음 요소 찾기

CSS에서는 인접한 형제 선택자를 사용하여 다른 요소 뒤에 오는 요소에 대한 스타일을 지정할 수 있습니다. . 이 구문은 특정 선택기 바로 뒤에 오는 요소의 스타일을 지정할 때 특히 유용합니다.

예를 들어, 모든

뒤에 오는 태그 클래스가 "hc-reform"인 요소.

제공된 선택기 h1.hc-reform > p는 h1.hc-reform의 하위 요소를 대상으로 시도하지만 이 경우 존재하지 않습니다. 대신 인접한 형제를 지정하려면 더하기 기호( )를 사용해야 합니다.

이 선택기의 올바른 구문은 다음과 같습니다.

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

이 선택기는 모든

h1.hc-reform 요소 뒤에 오는 태그.

참고: 이 방법은 Internet Explorer 버전 6 이하에서는 지원되지 않습니다.

위 내용은 CSS 선택기를 사용하여 특정 요소를 따르는 요소의 스타일을 어떻게 지정할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.