css的继承父元素

CSS的继承机制是指子元素可以从父元素继承某些属性，这为开发者节省了大量样式代码，提高了样式编写的效率。

/* 父元素样式 */
.parent{
  font-size: 18px;
  color: #333;
}
/* 子元素样式，继承父元素 */
.child{
  font-size: inherit;
  color: inherit;
}
 

上述代码中，.parent为父元素，设置了字体大小和颜色。而子元素.child的字体大小和颜色都设置为inherit，这意味着子元素会从父元素中继承这两个属性的值。

<div class="parent"> <p class="child">我继承了父元素的字体大小和颜色</p></div>

在HTML代码中，可以看到在父元素中嵌套了一个p标签，而这个p标签的class属性设置为.child，也就是上面代码中的子元素。打开浏览器可以看到，这个p标签中的文字的字体大小和颜色都与父元素相同，这是因为子元素继承了父元素的这两个属性。

继承是CSS的一种基本机制，在编写样式代码时，应该充分发挥继承机制的优势。通过将一些基本样式规定在父元素上，可以让子元素继承这些值，从而减少样式代码的重复。