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

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

Susan Sarandon
풀어 주다: 2024-12-18 01:00:10
원래의
994명이 탐색했습니다.

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿