思路:
- 利用通配符
*=
找出特定图片 - 加上滤镜
filter: invert(1)
用处:
比如网站加了夜间模式,由于某些图标是暗色的,在夜间模式下看不清,那么使用一行CSS代码可以非常简单的实现高亮。
例子:
/* 查找所有文件名包含“mac-3”的图片并反色 */
body.night div.surface-content img[src *="mac-3"] {
filter: invert(1);
}
效果:
思路:
*=
找出特定图片filter: invert(1)
用处:
比如网站加了夜间模式,由于某些图标是暗色的,在夜间模式下看不清,那么使用一行CSS代码可以非常简单的实现高亮。
例子:
/* 查找所有文件名包含“mac-3”的图片并反色 */
body.night div.surface-content img[src *="mac-3"] {
filter: invert(1);
}
效果:
看起来还以为只有苹果图标反色。。。
@不亦乐乎目前只设了苹果和wp图标反色
Css还具备ps的滤镜,强