CSS特性查询

CSS特性查询 -n一种特殊的判断语句，通过浏览器是否支持该css声明，条件判断规则是否使用。类比for语句的判断条件。

语法

声明css声明但是结尾没有分号，必须使用 ( )
例子

  1. @support (display: grid) {...}

逻辑符号

  • and

例子

@support (display: grid) and (diaplay: list-item) {...}
  • or
  • not

例子

@support not (display: grid) and (diaplay: list-item) {...}
注意与媒体查询not的区别，这里not只作用于第一个声明。

应用场景

在css中

  • @supports