css取消继承父元素属性 |css33d产品

要取消继承父元素的属性，可以使用CSS属性”inherit”。”inherit”属性告诉浏览器使用父元素定义的值，但是该元素仍然可以使用其他CSS属性来修改其样式。

/* 取消继承父元素的字体大小和颜色 */
p{
font-size: inherit;
color: inherit;
}
/* 设置字体颜色为红色，不再继承父元素颜色 */
p{
color: red;
}

如上所示，使用”inherit”属性可以让子元素取消继承父元素的字体大小和颜色。但是，父元素定义的其他属性仍将继承。

例外情况是在使用”initial”属性时。”initial”属性告诉浏览器使用预定义的初始值。这是一种重置元素不受父元素影响的样式的方法。

/* 重置段落元素的margin和padding */
p{
margin: initial;
padding: initial;
}

在某些情况下，取消继承父元素的属性可以让HTML元素更具灵活性。使用”inherit”和”initial”属性可以轻松取消继承和重置HTML元素的样式。