DandelionSprout/adfilt项目中CSS选择器语法优化实践

背景分析

在广告过滤规则开发中，CSS选择器语法是核心工具之一。近期在DandelionSprout/adfilt项目中发现一个值得优化的过滤规则案例，该规则原本使用itavisen.no##article:-abp-has(.title:has-text(/[?:;—]\san{2}ons[eø]r?$/))语法结构，存在语法规范性问题。

技术要点解析

传统语法的问题

原规则采用##选择器配合:-abp-has()伪类，这种组合存在两个潜在问题：

1. ##选择器通常用于基础CSS规则，而:-abp-has()属于扩展语法
2. 现代广告过滤器更推荐使用#?#语法来明确标识扩展CSS选择器

优化方案对比

项目维护者提出了两种改进方向：

1. 升级为扩展选择器语法：#?#article:-abp-has(...)
2. 采用现代:has()伪类替代传统:-abp-has()

技术决策考量

虽然ABP曾声明:has与:has-text存在兼容性问题，但：

• 该声明年代久远
• 现代浏览器引擎已大幅改进选择器支持
• 主流广告过滤扩展已增强语法兼容性

最佳实践建议

1. 对于使用ABP扩展语法的规则，建议统一采用#?#前缀
2. 在新规则开发时优先考虑标准:has()语法
3. 复杂正则匹配场景仍需测试各浏览器引擎的兼容性

实施效果

该优化已通过提交实施，体现了开源项目对代码规范的持续改进。这种语法优化不仅能提升规则的可维护性，还能确保在不同广告过滤客户端上的兼容性。