如何用 CSS 代码将网站置灰并排除图片？

将网站置灰并排除图片

在为网站应用灰度滤镜时，您希望排除图片使其保持彩色。然而，常规的 css 滤镜似乎无法达到此效果。

经过尝试，您可以使用以下 css 代码：

:not(:has(img)):not(img) {
    filter: grayscale(1);
}

此代码使用否定伪类 :not():

• :not(:has(img)) 选择不包含图片元素的元素。
• :not(img) 选择不是图片的元素。

结合使用时，此代码仅选择网站中不包含图片并且本身不是图片的所有元素，并应用灰度滤镜，有效地将网站置灰，同时排除图片。

以上就是如何用 CSS 代码将网站置灰并排除图片？的详细内容，更多请关注其它相关文章！