문서의 임의 삭제는 제재 대상으로, 문서를 삭제하려면 삭제 토론을 진행해야 합니다. 문서 보기문서 삭제토론 AdGuard (문단 편집) === 확장된 선택자 === 앞서 말했다시피, 현재 CSS3 명세에서는 특정 요소의 하위 요소를 기반으로 요소를 선택하는 것이 불가능하다.[* 이는 최근에 페이스북이 애드블록을 우회하기 위해 [[http://newsroom.fb.com/news/2016/08/a-new-way-to-control-the-ads-you-see-on-facebook-and-an-update-on-ad-blocking/|#]][[https://adblockplus.org/blog/oh-well-looks-like-facebook-just-got-all-anti-user|#]] 의존하고 있는 사실이다. 이는 완벽하지 않은 시도로 판명되었으며, Adblock Plus와 페이스북간의 몇 차례의 오고감이 있었다. [[https://adblockplus.org/blog/ping-pong-with-facebook|잘 정리된 글]] ] CSS4 명세에서는 [[http://css4.rocks/selectors-level-4/relational-pseudo-class.php|:has() pseudo-class]]를 통해 가능하나 현재로서는 이를 지원하는 브라우저가 전무하다. 광고차단의 특성상 이러한 selector가 매우 편리한 상황이 존재하며, 확장된 선택자를 통해 유저는 원하는 요소를 더욱 손쉽게 숨길 수 있다. > {{{#888888 domain}}}'''##'''{{{#blue CSS selector}}}{{{#black [-ext-has="}}}{{{#orange selector}}}{{{#black "]}}} > {{{#888888 domain}}}'''##'''{{{#blue CSS selector}}}{{{#black [-ext-contains="}}}{{{#brown text}}}{{{#black "]}}} > {{{#888888 domain}}}'''##'''{{{#blue CSS selector}}}{{{#black [-matches-css="}}}{{{#purple property name}}} ''':''' {{{#teal regex}}}{{{#black "]}}} -ext-has는 :has와 동일하게 동작한다. 즉, selector에 해당하는 페이지 요소 중 뒤의 selector를 포함하는 요소만을 숨긴다. -ext-contains는 앞의 selector에 해당하는 요소 중 그 내용에 text에 해당하는 문자열을 포함하는 요소만을 숨긴다. 추가로, 앞의 selector에 :after, :before selector를 적용하려면 -ext-has-after, -ext-has-before 등을 사용하는 것이 cross browser support를 위해 권장된다. -matches-css는 앞의 selector에 해당하는 요소 중 CSS style property가 뒤의 regex에 매칭되는 요소만을 숨긴다. 자세한 설명은 [[https://github.com/AdguardTeam/ExtendedCss/issues/7|이곳]]에서 확인할 수 있다. 위의 extended selector는 원하는 만큼 혼용할 수 있다. -ext-has 안에 -ext-contains나 -matches-css를 사용할 수 있으며 -ext-has "속성"을 또 붙이는 것도 가능하다. 현재 AdGuard 윈도우 버전, 안드로이드 버전, 브라우저 확장 프로그램에서 지원된다.저장 버튼을 클릭하면 당신이 기여한 내용을 CC-BY-NC-SA 2.0 KR으로 배포하고,기여한 문서에 대한 하이퍼링크나 URL을 이용하여 저작자 표시를 하는 것으로 충분하다는 데 동의하는 것입니다.이 동의는 철회할 수 없습니다.캡챠저장미리보기