css样式不继承,css 继承样式

CSS哪些样式属性不可以被子元素继承?

不可以被子元素继承的属性：

1、display：规定元素应该生成的框的类型

2、文本属性：

vertical-align：垂直文本对齐

text-decoration：规定添加到文本的装饰

text-shadow：文本阴影效果

white-space：空白符的处理

unicode-bidi：设置文本的方向

3、盒子模型的属性：width、height、margin 、margin-top、margin-right、margin-bottom、margin-left、border、border-style、border-top-style、border-right-style、border-bottom-style、border-left-style、border-width、border-top-width、border-right-right、border-bottom-width、border-left-width、border-color、border-top-color、border-right-color、border-bottom-color、border-left-color、border-top、border-right、border-bottom、border-left、padding、padding-top、padding-right、padding-bottom、padding-left

4、背景属性：background、background-color、background-image、background-repeat、background-position、background-attachment

5、定位属性：float、clear、position、top、right、bottom、left、min-width、min-height、max-width、max-height、overflow、clip、z-index

6、生成内容属性：content、counter-reset、counter-increment

7、轮廓样式属性：outline-style、outline-width、outline-color、outline

8、页面样式属性：size、page-break-before、page-break-after

9、声音样式属性：pause-before、pause-after、pause、cue-before、cue-after、cue、play-during

相关问答

Q1: 如何让css样式不继承或不传递

第一点. 现在没有办法，都是从上到下读取的。

第二点.怎么解决呢.

如果同样的名称 是会继承传递的

只有想办法 class 加上id

比如 div class="top" id="head"/div

这样区别开来

或者

2.

a class="top head"/a

a class="top body"/a

a class="top foot"/a

这样 只给top共同属性~

然后不一样的属性 标注在 head body 和foot上面 就不会冲突了~

Q2: css 中宽高为什么没有继承？

只有块元素才可以默认“继承”其父元素的width.

浮动元素和定位元素也是不默认（不自动）“继承”其父元素宽度的。

当符合css默认“继承”的情况下（子元素必须是块级元素且无定位或浮动），是不需要写width属性，就可以默认“继承”的。