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

本篇文章给大家分享《如何用 CSS 代码将网站置灰并排除图片？》，覆盖了文章的常见基础知识，其实一个语言的全部知识点一篇文章是不可能说完的，但希望通过这些问题，让读者对自己的掌握程度有一定的认识(B 数)，从而弥补自己的不足，更好的掌握它。

将网站置灰并排除图片

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

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

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

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

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

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

以上就是《如何用 CSS 代码将网站置灰并排除图片？》的详细内容，更多关于的资料请关注golang学习网公众号！