css怎么不继承上级属性

在网页设计中，CSS是必不可少的一部分，它可用于控制网页元素的样式、排版等。但有时候，我们让某个元素继承了上级元素的某个属性，但是这个元素又不想继承这个属性，怎么办呢？

例如：

<div class="father">
  <p class="son">Hello World!</p>
</div>

.father {
  font-size: 16px;
}

.son {
  font-size: inherit;
}

上面的代码中，我们想让p元素的字体大小继承其父元素div的字体大小，所以在.son样式中使用了font-size: inherit;。但是有些时候，p元素并不想继承父元素的字体大小，而是想使用自己的字体大小，此时我们可以使用font-size: initial;。

.son {
  font-size: initial;
}

这样就可以让p元素的字体大小使用浏览器的默认大小了。