@supports()会检测括号中的声明,在浏览器支持该声明的情况下执行花括号中的代码。
基本属性检测
@supports (display: flex) {
div { display: flex; }
}
not关键字
@supports not (display: flex) {
div { float: left; }
}
组合条件检测
@supports (display: flex) and (-webkit-appearance: caret) {
}
也可以用括号将多个条件进行嵌套关联
/* and and or */
@supports ((display: -webkit-flex) or
(display: -moz-flex) or
(display: flex)) and (-webkit-appearance: caret) {
/* use styles here */
}
原文地址:https://blog.csdn.net/weixin_46193778/article/details/113919224
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。