[分享]css中属性不可以继承

在CSS中，有一些属性是可以被继承的，这些属性可以在一个元素上设置，然后它的子元素也会继承这个属性。而有一些属性是不可以被继承的，这些属性只能在定义它们的元素上生效。以下是一些不可以被继承的属性。di...

在CSS中，有一些属性是可以被继承的，这些属性可以在一个元素上设置，然后它的子元素也会继承这个属性。而有一些属性是不可以被继承的，这些属性只能在定义它们的元素上生效。

以下是一些不可以被继承的属性。

display
margin
border
padding
background
width
height
float
clear
position
left
right
top
bottom
z-index
overflow
visiblity
clip 

如果要在子元素中使用这些属性，需要在子元素中单独设置。

例如，父元素的背景颜色是红色：

.parent {
    background-color: red;
} 

子元素的背景颜色会继承父元素的颜色：

.parent .child {
    background-color: inherit;
} 

但是，如果父元素设置了边框宽度和字体大小：

.parent {
    border: 1px solid black;
    font-size: 16px;
} 

子元素不会继承这些属性，需要重新设置：

.parent .child {
    border: none;
    font-size: 12px;
} 

这就是CSS中不能被继承的属性。记得在设置元素样式时要注意这一点。