不可继承的:display、margin、border、padding、background、height、min-height、max- height、width、min-width、max-width、overflow、position、left、right、top、 bottom、z-index、float、clear、table-layout、vertical-align、page-break-after、 page-bread-before和unicode-bidi。
不可继承:也就是指子节点不能继承父节点的属性,
~~~ 不可继承属性:盒子模型相关的(margin border padding height width min-height max-height min-width max-width) 显示相关属性 (display,overflow) 定位属性(position left top right bottom z-index float clear vertical-align table-layout)
譬如:
html
<divstyle="border:1px solid #ff0000;">
这是父节点
<p>
这是子节点
</p>
</div>
效果如下:
如果子节点能继承父节点的border属性,那么也会有一个红色边框。
所有元素可继承:visibility和cursor。
内联元素可继承:letter-spacing、word-spacing、white-space、line-height、color、font、
font-family、font-size、font-style、font-variant、font-weight、text-
decoration、text-transform、direction。~~~内联元素可继承字体排版相关属性
块状元素可继承:text-indent和text-align。
列表元素可继承(~~列表相关属性):list-style、list-style-type、list-style-position、list-style-image。
表格元素可继承:border-collapse。