随着IE8逐渐退出舞台，很多高级的CSS特性都已被浏览器原生支持，再不学下就要过时了。
用:empty区分空元素
兼容性：不支持IE8
演示
假如我们有以上列表：
我们希望可以对空元素和非空元素区别处理，那么有两种方案。
用:empty选择空元素：
用或者:not(:empty)选择非空元素：
用:*-Of-Type选择元素
兼容性：不支持IE8
举例说明。
给第一个p段落加粗：
给最后一个img加边框：
给无相连的blockquote加样式：
让奇数列的p段落显示红色：
此外，:nth-of-type还可以有其他类型的参数：
用calc做流式布局
兼容性：不支持IE8
演示
左中右的流式布局：
用vw状语从句：vh做全屏滚动效果
兼容性：不支持IE8
演示
vw和vh是相对于viewport而言的，所以不会随内容和布局的变化而变。
用于unsetCSS重置
兼容性：不支持IE
用column做响应式的列布局
兼容性：不支持IE9
（完）
