为什么边框颜色不能与值继承一起使用？

Question

为什么p标签不会继承边框颜色？

div {
  border: 1px solid red;
}
p {
  border: 1px dashed inherit;
}

<div>
  <p>Hello</p>
</div>

Answer 1

来自MDN

  

只有各个属性值可以继承。由于缺失值被其初始值替换，因此不可能通过省略它们来允许继承单个属性。关键字inherit可以应用于属性，但仅作为整体应用，而不是作为一个值或另一个值的关键字。这意味着使一些特定值继承的唯一方法是使用带有关键字inherit的longhand属性。

因此，请使用longhand属性进行继承。

Answer 2

不，这不起作用。但是，您可以设置单独的属性，然后继承颜色，如下所示：

div {
  border-width: 1px;
  border-style: solid;
  border-color: red;
}

p {
  border-width: 1px;
  border-style: solid;
  border-color: inherit;
}