color-index

可以使用 color-index CSS 媒体特性 来测试输出设备的颜色查找表中的条目数。

语法

color-index 特性被指定为一个 <integer> 值,表示输出设备的颜色查找表中的条目数。(如果设备不使用此类表,则此值为零。)它是一个范围特性,这意味着您还可以使用前缀 min-color-indexmax-color-index 变体分别查询最小值和最大值。

示例

基本示例

HTML

html
<p>This is a test.</p>

CSS

css
p {
  color: black;
}

@media (color-index) {
  p {
    color: red;
  }
}

@media (min-color-index: 15000) {
  p {
    color: #1475ef;
  }
}

结果

自定义样式表

此 HTML 将为至少具有 256 种颜色的设备应用一个特殊的样式表。

html
<link rel="stylesheet" href="http://foo.bar.com/base.css" />
<link
  rel="stylesheet"
  media="all and (min-color-index: 256)"
  href="http://foo.bar.com/color-stylesheet.css" />

规范

规范
媒体查询级别 4
# color-index

浏览器兼容性

BCD 表格仅在浏览器中加载

另请参阅