将网站置灰并排除图片
在为网站应用灰度滤镜时，您希望排除图片使其保持彩色。然而，常规的 css 滤镜似乎无法达到此效果。
经过尝试，您可以使用以下 css 代码：
:not(:has(img)):not(img) {
filter: grayscale(1);
}此代码使用否定伪类 :not():
仿虎嗅网在线视频教育门户源码2.0
下载
仿虎嗅商学院在线视频教育门户网站源码，织梦内核，页面简洁，容易维护修改；适合做在线教育类网站，网站模板修改简单，网站设置多个广告位方便放置广告。适用于视频网站，在线教育、在线商学院；图片展示效果极佳;网站手工div+css，代码精简，首页排版整洁大方、布局合理、利于SEO、图文并茂、静态HTML；首页和全局重新做了全面优化，方便大家无缝使用。
立即学习“前端免费学习笔记（深入）”；
- :not(:has(img)) 选择不包含图片元素的元素。
- :not(img) 选择不是图片的元素。
结合使用时，此代码仅选择网站中不包含图片并且本身不是图片的所有元素，并应用灰度滤镜，有效地将网站置灰，同时排除图片。
