[分享]css中子类不继承父类

在CSS中，通常情况下，子元素会继承父元素的属性。但是，在某些情况下，我们可能想让子元素不继承父元素的属性。这时，我们可以使用子类不继承父类的技巧。.parent{ fontsize: 16px; }...

在CSS中，通常情况下，子元素会继承父元素的属性。但是，在某些情况下，我们可能想让子元素不继承父元素的属性。这时，我们可以使用子类不继承父类的技巧。

.parent{
    font-size: 16px;
}
.parent .child{
    font-size: inherit; /*继承属性*/
}
.parent .uninherit{
    font-size: 14px !important; /*不继承属性*/
} 

如上所示，我们先设置父元素的字体大小为16像素，然后给子元素设置一个继承字体大小的属性。这时，子元素的字体大小会和父元素一致，即为16像素。

但是，如果我们想让某些子元素不继承父元素的字体大小属性，比如一个类名为“uninherit”的元素，我们可以在其属性值后添加“!important”这个关键字，来强制覆盖父类的属性，让它的字体大小为14像素，而不是继承父元素的16像素。

在实际开发中，我们可以根据需要使用这种技巧，来控制元素的样式。但是，由于“!important”是一个比较强的关键字，会覆盖其他一些样式，所以我们应该谨慎使用。