color-index
语法
color-index
特性被指定为一个 <integer>
值,表示输出设备的颜色查找表中的条目数。(如果设备不使用此类表,则此值为零。)它是一个范围特性,这意味着您还可以使用前缀 min-color-index
和 max-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 表格仅在浏览器中加载