3.CSS样式继承

后代元素会继承父代元素的样式。

•             继承是发生在祖先后后代之间的。
•             继承的设计是为了方便我们的开发，利用继承我们可以将一些通用的样式统一设置到共同的祖先元素上，这样只需设置一次即可让所有的元素都具有该样式。

•     <p>
          我是一个p元素
          <span>我是p元素中的span</span>
      </p>

          p{
              color: red;
              background-color: orange;
          }

  

注意：并不是所有的样式都会被继承，比如 背景相关的，布局相关等的这些样式都不会被继承。 

详细见下：

CSS（层叠样式表）中的样式继承是指当元素嵌套在其他元素内部时，子元素可以继承父元素的一些样式属性，从而减少样式规则的编写，提高样式的重用性。以下是一些常见的可以继承的CSS属性：

1. 文本属性：
   - `color`：子元素通常继承父元素的文本颜色。
   - `font-family`：字体系列通常会继承自父元素。
   - `font-size`：子元素通常继承父元素的字体大小。

2. 行高属性：
   - `line-height`：子元素通常继承父元素的行高。

3. 列表属性：
   - `list-style`：子元素的列表样式通常会继承自父元素。

4. 文本装饰属性：
   - `text-decoration`：如`text-decoration: underline`通常会继承自父元素。

5. 文本对齐属性：
   - `text-align`：子元素通常继承父元素的文本对齐方式。

6. 背景属性：
   - `background`：子元素的背景通常会继承自父元素。 

背景属性是一种在CSS中部分继承的属性。具体来说，`background`属性通常不会被其子元素直接继承，但是背景的某些属性可能会影响子元素的背景，使其看起来似乎继承了背景属性。以下是与背景继承相关的一些情况：

• `background-color`：子元素通常不会继承父元素的`background-color`属性，但如果子元素没有自定义背景颜色，那么它将会采用父元素的背景颜色。
•  `background-image`：背景图片通常不会直接继承，但当子元素没有自定义背景图片时，它将使用父元素的背景图片。
•  `background-repeat` 和 `background-position`：这些属性通常不会被子元素继承，但子元素的背景属性可以受到父元素的影响，因为它们是相对于容器的。
•  `background-attachment` 和 `background-size`：这些属性通常也不会被继承，但会影响元素内部的背景，因为它们定义了背景图片的显示方式和大小。

背景属性在子元素中的表现通常受到父元素背景属性的影响，但并不是直接继承。如果你希望子元素具有特定的背景样式，你需要明确地为子元素设置相应的背景属性。

7. 不透明度属性：
   - `opacity`：子元素的不透明度通常继承自父元素。

8. 可见性属性：
   - `visibility`：子元素的可见性通常继承自父元素。

需要注意的是，并非所有CSS属性都具有继承性。一些属性，如`width`、`height`、`margin`、`padding`、`border`等，通常不会被子元素继承。如果你希望子元素继承某个属性，你需要明确地设置该属性。

此外，继承的行为也受到CSS的特定选择器和规则的影响。有些选择器可能会覆盖继承的样式，因此需要谨慎处理。CSS的继承性是一种有用的特性，可以提高代码的可维护性，但在具体实现时需要了解哪些属性是可继承的，哪些属性需要明确设置。