CSS 条件规则模块第 4 级

1. 介绍

第三级中的特性仍定义在[css-conditional-3]中，尚未复制到此处。

本级别对@supports规则进行了扩展，以允许测试支持的选择器。

2. @supports 规则的扩展

本级别的规范扩展了<supports-feature>语法，具体如下：

<supports-feature> = <supports-selector-fn> | <supports-decl>
<supports-selector-fn> = selector( <complex-selector> )

<supports-selector-fn>

如果用户代理 支持提供给函数的选择器，则结果为 true。

@supports selector(col || td) {
  col.selected || td {
    background: tan;
  }
}

在 条件分组规则中使用的任何命名空间前缀都必须已经声明，否则它们是无效的[css-conditional-3]。这包括选择器函数中的命名空间前缀。

@supports selector(a[xlink|href]) {
  // do something, but fail
  }
}

@namespace x url(http://www.w3.org/1999/xlink);
@supports selector(a[x|href]) {
  // do something
  }
}

2.1. 对支持定义的扩展

如果 CSS 处理器接受某个选择器（而不是将其作为解析错误丢弃），并且该选择器不包含未知的 -webkit- 伪元素，则认为该 CSS 处理器支持 CSS 选择器。

安全考虑

本文件未提出任何安全问题。

隐私考虑

selector()函数可能会提供有关用户软件的信息，例如其版本以及是否运行具有启用或禁用某些功能的非默认设置。

此信息也可以通过其他 API 确定。然而，本规范中的功能是这些信息在 Web 上公开的方式之一。

此信息也可以聚合用于提高用户指纹识别的准确性。

致谢

编辑们要感谢本模块上一版本的所有贡献者。

变更

自2020年3月3日首次公开工作草案以来的变更

• 添加了隐私和安全章节。
• 添加了一些示例。
• 澄清了命名空间前缀声明的要求适用于 selector() 内的选择器（Issue 3220）。

自第3级以来的新增内容

• 将selector()表示法添加到supports 查询中。