CSS 参考

Appearance

@supports ​

@supports 规则定义特性检测。

语法 ​

css
@supports (<condition>) {
  /* 样式 */
}

常见值 ​

css
@supports (display: flex) {
  /* 样式 */
}

@supports (display: grid) {
  /* 样式 */
}

@supports not (display: flex) {
  /* 样式 */
}

@supports (display: flex) and (display: grid) {
  /* 样式 */
}

@supports (display: flex) or (display: grid) {
  /* 样式 */
}

示例 ​

css
@supports (display: flex) {
  .container {
    display: flex;
  }
}

@supports not (display: flex) {
  .container {
    float: left;
  }
}

相关资源 ​