How can I use the native :has() selector

[BloodlineL]

Please answer the following questions for yourself before submitting a question.

• [X] I am running the latest version
• [X] I checked the knowledge base and found no answer
• [X] I checked to make sure that this issue has not already been filed

Ask a question

In the user filter of chrome 5.0.97, selectors like :has(+#id) will repeatedly select elements as the page changes, while the native :has() will not.

[krystian3w]

You would need to improve the ExtendedCSS module so that the rule is considered CSS compatible.

If raw JavaScript rules in MV3 are still in effect, you can try injecting the e.g. <style> tag into the page while hiding the element:

https://adguard.com/kb/general/ad-filtering/create-own-filters/#javascript-rules

https://developer.mozilla.org/en-US/docs/Web/API/Document/createElement

foo:has(+#id) { display: none ! important }

Then the limitation can be:

• whether the page removes foreign tags
  • dynamically reloads and in the process removes user injections.
• element uses attribute style= so we need remove them or use extension API: https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/API/scripting/insertCSS
• Page policy will interrupt execution of a raw JavaScript rule. (And perhaps completely different.)

[slavaleleka]

native :has() is not supported in the extension yet, but it is planned: https://github.com/AdguardTeam/AdguardBrowserExtension/issues/2587