“bar가 포함 된 foo”에 대한 CSS 선택기?

“bar가 포함 된 foo”에 대한 CSS 선택기? [복제]

---

가능한 중복 :
CSS 부모 선택기가 있습니까?

다음과 일치하는 CSS 선택기를 만드는 방법이 있습니까?

All OBJECT elements
  which have a PARAM element inside of them

선택기

OBJECT PARAM

오브젝트가 아닌 PARAM과 일치하므로 작동하지 않습니다. {display : none}을 객체에 적용하고 싶습니다. PARAM에 적용하는 것은 쓸모가 없습니다.

( $("object param").closest("object")jQuery-및 VanillaJS-를 사용 하여이 작업을 수행 할 수 있다는 것을 알고 document.querySelector("object param").closest("object")있지만 페이지에서 CSS 규칙을 만들려고합니다.)

---

아니요, 찾고있는 것을 부모 선택기 라고합니다 . CSS는 없습니다. 그것들은 여러 번 제안되었지만 그것들을 포함하여 기존 또는 향후 표준이 없음을 알고 있습니다. 원하는 효과를 얻으려면 jQuery와 같은 것을 사용하거나 추가 클래스 주석을 사용해야하는 것이 맞습니다.

비슷한 결과를 가진 비슷한 질문이 있습니다.

• CSS 부모 선택기가 있습니까?
• CSS 부모 / 조상 선택기
• 활동적인 자식의 부모를위한 복잡한 CSS 선택기

---

:containsCSS3 의 유사 클래스는 태그와 요소가 아닌 텍스트 내용 만 선택하므로 운이 나쁘다.

jQuery에서 특정 자식을 가진 부모를 선택하는 더 간단한 방법은 다음과 같이 작성할 수 있습니다 :has().

$('#parent:has(#child)');

---

프로그래밍 방식으로 객체에 클래스를 적용 할 수있는 방법이 있습니까?

<object class="hasparams">

그런 다음

object.hasparams

참고 URL : https://stackoverflow.com/questions/2000582/css-selector-for-foo-that-contains-bar