Mozilla 한국 커뮤니티

<tr>
<td id="a"></td>
<td id="b"></td>
<td id="딸기"></td>
</tr>
<tr>
<td id="a"></td>
<td id="b"></td>
<td id="포도"></td>
</tr>


여기서 "딸기"가 들어있는 첫번째 <tr></tr>부분을 통째로 가리려고 하는데요.
adblock에서는 딸기가 들어있는 <td></td>부분만 지우고 a와 b는 그대로 남겨두더군요.
보시다시피 a와 b는 두번째 <tr>에서도 쓰이고 있는 터라 필터를 쓸 수가 없는 상태입니다.
혹시 방법이 없을까요? 하위 자식 요소를 선택하는 선택자는 많은 것 같은데,
하위 요소를 기반으로 상위 부모 요소를 선택하는 방법은 잘 못찾겠어요.
게다가 부모 요소에 아무런 부속 선언이 없는 상태라;
고수님들의 도움이 필요합니다. ㅜ.ㅜ/

CSS (C=ᅟcascading) 개념 상 자식에서 부모로 거슬러 올라가는 선택자는 존재할 수 없습니다. 렌더링에 부하를 주게 되고, 원형 참조가 일어날 수 있기 때문이죠.

제한적인 대안으로 table 내에 "딸기" id를 가진 tr의 순번이 일정하다면, :nth-child나 :nth-of-type 같은 선택자를 사용해 볼 수 있겠네요.

tbody > tr:nth-child(2)

. wrote:CSS (C=ᅟcascading) 개념 상 자식에서 부모로 거슬러 올라가는 선택자는 존재할 수 없습니다. 렌더링에 부하를 주게 되고, 원형 참조가 일어날 수 있기 때문이죠.

제한적인 대안으로 table 내에 "딸기" id를 가진 tr의 순번이 일정하다면, :nth-child나 :nth-of-type 같은 선택자를 사용해 볼 수 있겠네요.

tbody > tr:nth-child(2)

아...역시 없는 거군요. ㅜ.ㅜ 흑흑.
일정한 위치가 아니라 주신 방법은 쓸 수 없지만...
여튼 감사합니다!

꼭 필요하다면 그리스몽키를 사용하면 됩니다.

자바스크립트로 원하는 td 를 찾고, 그 부모 tr 을 가리면 되지요.


방법의 특성상 가리려는 부분이 화면에 나타났다가 사라질 수도 있는데 사이트가 지나치게 느리거나 하지만 않으면 그럴 일은 없습니다.


개인적으로 몇가지 스크립트를 만들어서 사용하고 있는데 거슬리는 부분은 별로 없어요.

Seeker wrote:꼭 필요하다면 그리스몽키를 사용하면 됩니다.

자바스크립트로 원하는 td 를 찾고, 그 부모 tr 을 가리면 되지요.


방법의 특성상 가리려는 부분이 화면에 나타났다가 사라질 수도 있는데 사이트가 지나치게 느리거나 하지만 않으면 그럴 일은 없습니다.


개인적으로 몇가지 스크립트를 만들어서 사용하고 있는데 거슬리는 부분은 별로 없어요.

앗...좀 더 자세한 방법을 알려주실 수 있나요? ㅜ.ㅜ

가리는 것 자체는 코드 짜기가 간단하지만 그래도 프로그래밍에 속하는 거라서 처음부터 설명하는건 힘들구요...


우선 본문의 경우에는 원하는 사이트에서 새 스크립트를 만들어서
를 코드에 넣으면 됩니다.


잘 안된다면 원하는 사이트와 가리려는 부분을 알려주시면 스크립트를 만들어 드릴수도 있습니다.