>웹 프론트엔드 >CSS 튜토리얼 >CSS 선택자가 특정 하위 요소를 포함하는 요소를 식별할 수 있습니까?

CSS 선택자가 특정 하위 요소를 포함하는 요소를 식별할 수 있습니까?

Susan Sarandon
Susan Sarandon원래의
2024-12-18 01:00:10994검색

Can CSS Selectors Identify Elements Containing Specific Child Elements?

특정 하위 요소를 포함하는 요소에 대한 CSS 선택기

질의:

CSS가 있습니까? 특정 자식을 포함하는 요소를 식별할 수 있는 선택기 요소?

설명:

PARAM 하위 요소가 있는 모든 OBJECT 요소를 일치시키고 CSS 규칙을 적용하려고 합니다.

답변:

아니요. 기본 CSS 선택기가 없습니다. 하위 요소를 기준으로 요소를 일치시킵니다. 제안되었지만 아직 표준화되지 않았으므로 CSS에는 상위 선택자가 포함되지 않습니다.

대체 솔루션:

  • jQuery: 가장 가까운() 메서드를 사용하여 특정 자식과 가장 가까운 조상 요소를 찾습니다. element.

    $("object param").closest("object")
  • Vanilla JavaScript: 동일한 상위 요소를 찾으려면 querySelector() 메서드를 사용하세요.

    document.querySelector("object param").closest("object")
  • 추가 클래스 주석: 특정 클래스로 상위 요소에 주석을 답니다. 하위 요소를 식별합니다.

관련 질문:

  • CSS 상위 선택기가 있습니까?
  • CSS 상위/상위 선택기
  • 활성 부모의 복잡한 CSS 선택기 아이

위 내용은 CSS 선택자가 특정 하위 요소를 포함하는 요소를 식별할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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