[分享]css不继承父类字体

CSS中继承是一种重要的特性，它允许子元素继承父元素的属性。然而，在一些情况下，CSS并不会继承父元素的某些属性，如字体样式等。这种情况下，我们需要使用特定的CSS属性来控制子元素的字体样式。父元素样...

CSS中继承是一种重要的特性，它允许子元素继承父元素的属性。然而，在一些情况下，CSS并不会继承父元素的某些属性，如字体样式等。这种情况下，我们需要使用特定的CSS属性来控制子元素的字体样式。

父元素样式
.parent {
  font-family: Arial, sans-serif;
  font-weight: bold;
}

不继承父元素字体样式的子元素样式
.child {
  font-family: inherit; /*继承父元素的字体家族*/
  font-weight: normal; /*重新定义字体的粗细*/
} 

如上所示，如果我们希望子元素不继承父元素的字体样式，可以使用inherit属性来继承父元素的字体家族，并使用特定的属性重新定义字体的粗细等。

此外，还有一些属性会影响字体样式的继承，如line-height、text-align等属性，因此需要在CSS编写时进行谨慎处理。

总之，CSS中的字体样式继承是一种强大的特性，但在一些情况下需要关闭继承或进行特殊处理。我们需要根据具体情况进行细致的设计和调整。