bootstrap封装的css样式对一些元素重复定义，后面的覆盖了前面的，这样做有什么意义？

比如说，以Bootstrap v3.3.5中的bootstrap.css为例，对input[type="search"]的设置一共有3个地方，分别是157-166行的
input[type="search"] {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
-webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
2515-2519行的
input[type="search"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
2598-2600行的
input[type="search"] {
-webkit-appearance: none;
}
后面两处的样式已经完全把前面的覆盖了，前面部分的设置有什么意义呢？
不解，求大神赐教~