CSS의 하위 요소를 기반으로 상위 요소를 어떻게 선택할 수 있습니까?

부모-자녀 관계를 위한 CSS 선택기

질문:

어떻게 만드나요? 특정 하위 항목을 포함하는 상위 요소와 일치하는 CSS 선택기 요소?

배경:

단순 선택기(예: OBJECT PARAM)를 사용하여 param 요소가 포함된 개체 요소를 일치시키는 것은 param 요소를 대상으로 하기 때문에 실패합니다. 대신.

답변:

특히 CSS에는 상위 선택자가 없습니다. 이 기능은 반복적으로 제안되었지만 현재 또는 예상되는 표준에서는 여전히 사용할 수 없는 기능입니다.

원하는 동작을 달성하려면 대안이 필요합니다. 채용:

• jQuery/JavaScript:

  • $("object param").closest("object")
  • document.querySelector("객체 param").closest("object")

• CSS 해결 방법:

  • 부모가 쉽게 사용할 수 있도록 추가 클래스 주석을 도입합니다. -CSS 내의 하위 타겟팅 규칙.

추가 리소스:

이 제한 사항에 대해 자세히 알아보려면 다음 리소스를 참조하세요.

• [CSS 부모가 있나요? 선택기?](https://stackoverflow.com/questions/3398742/is-there-a-css-parent-selector)
• [CSS 상위/상위 선택기](https://codereview.stackexchange. com/questions/8989/css-parent-ancestor-selector)
• [상위 항목에 대한 복잡한 CSS 선택기 활성 하위](https://stackoverflow.com/questions/26492566/complex-css-selector-for-parent-of-active-child)

위 내용은 CSS의 하위 요소를 기반으로 상위 요소를 어떻게 선택할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!