CSS @supports

原创
admin 4个月前 (08-23) 阅读数 12 #CSS

@supports

@supports 是一个 CSS at 规则,它允许开发者根据浏览器是否支持特定的 CSS 功能来应用不同的样式规则。这种技术被称为特性查询,它可以在代码的顶层使用,也可以嵌套在任何其他条件组规则中

css
@supports (display: grid) {
  div {
    display: grid;
  }
}
css
@supports not (display: grid) {
  div {
    float: right;
  }
}

在 JavaScript 中,可以通过 CSS 对象模型接口 CSSSupportsRule 来访问 @supports 规则。

版权声明

本文仅代表作者观点,不代表本站立场。
本文系作者授权本站发表,未经许可,不得转载。

上一篇:CSS @starting-style 下一篇:CSS view-transition
作者文章
热门
最新文章
标签列表