浏览器对于不认识的css rule 和html的元素，会自动的忽略，不会报错，这样的好处是，我们可以设定多个规则来使用浏览器新的特性而又能在老版本的浏览器上使用。

比如一些老的浏览器不支持calc()函数，那么可以些两条规则，如下:

.box {
  width: 500px;
  width: calc(100% - 50px);
}

老浏览器使用width: 500px;  然后自动忽略了 下面一条。
新浏览器先应用width: 500px, 然后用了calc(100%-50px); 覆盖掉前面的规则 ,   后面的覆盖前面的，这是之前提过的cascade rule(瀑布规则)