📜  如何过滤 CSS 红色 - CSS (1)

📅  最后修改于: 2023-12-03 15:09:16.535000             🧑  作者: Mango

如何过滤 CSS 红色 - CSS

在 CSS 中,控制文本颜色的属性是 color,控制背景颜色的属性是 background-color。如果想要过滤掉网页中所有红色文本或背景,可以使用 CSS 的伪类选择器 :not()

过滤红色文本
/* 过滤红色文本 */
*:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(span):not(a):not(p):not(b):not(i):not(u):not(em):not(strong):not(li):not(button):not(.class):not(#id)[style*="color:red"] {
  color: inherit !important;
}

上面代码中,使用了 :not() 选择器来排除了一些 HTML 元素,来避免影响到网页的样式。同时,也使用了属性选择器 [style*="color:red"] 来选取所有样式中颜色为红色的文本,并将其颜色设置为继承。

过滤红色背景
/* 过滤红色背景 */
*:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(span):not(a):not(p):not(b):not(i):not(u):not(em):not(strong):not(li):not(button):not(.class):not(#id)[style*="background-color:red"] {
  background-color: inherit !important;
}

类似于过滤红色文本的方法,使用 :not() 选择器和属性选择器 [style*="background-color:red"],来选取所有样式中背景颜色为红色的元素,并将其背景颜色设置为继承。

总之,通过合理运用伪类选择器和属性选择器,我们可以轻松地过滤掉网页中所有红色的文本或背景,使得网页访问更加清晰、舒适。