为什么border-radius:none会被border-radius:0 5px 0 0覆盖不生效？

• none 不属于 border-radius 的合法取值：按照CSS官方规范，border-radius 仅支持长度值（px/rem/em等）、百分比值，以及inherit/initial/unset等全局关键字，none 会被浏览器判定为无效属性值，对应的CSS规则会直接被忽略，因此无法生效。
• border-radius: 0 0 0 0 是完全合法的属性赋值：四个取值分别对应元素左上角、右上角、右下角、左下角的圆角半径，全部设置为0相当于完全移除圆角，规则可以被浏览器正常解析应用，因此能达到预期效果。

补充说明：想要实现相同效果可以直接使用更简洁的写法 border-radius: 0，浏览器会自动将四个方向的圆角半径统一设置为0。另外需注意属性名的正确拼写为 border-radius，拼写错误也会导致规则失效。

内容的提问来源于stack exchange，提问作者AGamePlayer