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

【问题标题】：Why border-radius:none will be overwritten by border-radius:0 5px 0 0?为什么border-radius:none会被border-radius:0 5px 0 0覆盖？
【发布时间】：2021-12-09 19:18:42
【问题描述】：

我想为类添加深色样式。但是，border-radius:none 不起作用。但是如果我把它改成border-raidus: 0 0 0 0;它有效。

（不工作）

（工作）

为什么？

【问题讨论】：

因为如你所见，它是无效的
改成border-radius:0;

标签： css darkmode

【解决方案1】：

正如 KK 正确提到的，CSS 边框半径属性的默认值为 0。'none' 是不允许的值。

请看这里： https://www.w3schools.com/cssref/css3_pr_border-radius.asp

当像下面这样使用时，它会设置所有四个区域（上、下、左、右）的半径：边界半径：0

当在您的示例中使用时，它是单独指定每个区域的 CSS 简写。

【讨论】：