不管你信不信，CSS和JavaScript开始重叠，就像CSS增加了更多功能一新。
在我写“你未必知道的JavaScript和CSS交互的5种方法”一文时，人们对于JavaScript和CSS是如何重叠的感到惊讶。今天，我将重点强调你能用CSS完成的7种工作――不需要通过JavaScript或图片。
CSS@supports
在使用一些浏览器可能没有的特性时，每一个优秀的前端开发者都需要进行特性测试。特性测试一直以来都是由JavaScript来做的，许多人使用Modernizr，一个由许多测试良好的案例构成的优秀实用工具，来做特性测试。一个新API：@supports，不管怎样，已经出现在开发人员面前，它能让你用CSS来做特性测试。以下是一些@supports如何工作的简单例子：
复制代码 代码如下:
/* basic usage */
@supports(prop:value) {
/* more styles */
}
/* real usage */
@supports (display: flex) {
div { display: flex; }
}
/* testing prefixes too */
@supports (display: -webkit-flex) or
(display: -moz-flex) or
(display: flex) {
section {
display: -webkit-flex;
display: -moz-flex;
display: flex;
float: none;
}
}
以上就是CSS可以做的几个令你叹为观止的实例分享的详细内容，更多请关注0133技术站其它相关文章！
