css怎么不继承父元素

在web开发中，当我们要给一个元素加样式时，通常会使用CSS（层叠样式表）。CSS中有一个特性是继承，也就是父元素的样式会被子元素继承。但是，有时候我们并不希望子元素继承父元素的样式，本文将介绍如何阻止子元素继承父元素的样式。

/* 阻止继承 */
子元素 {
   属性: 属性值 !important;
}

可以看到，使用CSS阻止元素继承父元素的样式需要使用!important。在样式属性后面添加!important，可以告诉浏览器我们不希望它继承其他的样式。

例如，我们有一个父元素，它的字体颜色为红色，大小为16像素。我们希望子元素的字体大小为20像素，颜色为黑色，但不希望继承父元素的样式。则可以按照下面的代码来写：

父元素 {
   color: red;
   font-size: 16px;
}

子元素 {
   color: black !important;
   font-size: 20px !important;
}

当父元素和子元素分别套在一个div标签中后，我们可以看到子元素不继承父元素的样式，它的字体大小和颜色都是我们指定的。