/* 隐藏广告图片 */ img[src*="advertising"], img[src*="ads"], img[src*="banner"] { display: none !important; } /* 隐藏广告链接 */ a[href*="advertising"], a[href*="ads"], a[href*="banner"] { display: none !important; }
上述代码非常简单,但它可以有效地过滤掉网页上的许多广告内容。其中,`img[src*=”advertising”]`选择器表示选择所有带有`advertising`字符串的`src`属性的图片元素,`a[href*=”advertising”]`选择器表示选择所有带有`advertising`字符串的`href`属性的链接元素。使用`display: none`属性可以将这些元素隐藏起来,从而实现广告过滤的目的。
需要注意的是,某些网站可能会使用 JavaScript 进行广告内容的加载,这种情况下只使用 CSS 是无法完全屏蔽这些广告的。但CSS广告过滤器仍然是一种快速简单的解决方案,适用于大多数情况。