CSS到底如何工作？

Question

目前，我和CSS在一起。我不明白CSS是如何工作的。如果我想将“ border：1px纯红色”应用于CSS父元素，则仅应用于父元素，而不应用于该父元素内的其他元素（子元素）。但是，如果我应用“ color：red”，那么color属性将应用于父级内部的每个子级（包括父级本身）。

示例1：

<div class="parent">
    Inside parent class
    <div class="child">Inside child class 1</div>
    <div class="child">Inside child class 2</div>
</div>

.parent {
  border: 1px solid red;
}

示例2：

<div class="parent">
    Inside parent class
    <div class="child">Inside child class 1</div>
    <div class="child">Inside child class 2</div>
</div>

.parent {
  color: red;
}

为什么example-1适用于父元素而不适用于子元素。示例2可以正常运行。

Answer 1

有些CSS属性会“级联”到子元素，有些则不会。border这是一个不停下来的例子。

有关更多信息，请参见MDN文档。