css中color-scheme的用法

color-scheme 是一个 CSS 属性，用于指定网页或元素的颜色方案（color scheme）。它可以用于设置浅色（light）、深色（dark）或自动（auto）的颜色方案。

color-scheme 的语法如下：

color-scheme: light | dark | auto;

• light：指定浅色颜色方案。
• dark：指定深色颜色方案。
• auto：根据用户的系统设置自动选择浅色或深色颜色方案。

color-scheme 可以应用于整个网页或特定元素。以下是两个示例：

1. 应用于整个网页：

html {
  color-scheme: light;
}

上述示例将整个网页设置为浅色颜色方案。

1. 应用于特定元素：

.my-element {
  color-scheme: dark;
}

上述示例将具有 my-element 类的元素设置为深色颜色方案。

请注意，color-scheme 是一个相对新的 CSS 属性，对于某些浏览器可能需要添加前缀。建议在使用之前检查浏览器的兼容性情况，以确保适当的兼容性和效果。