CSS中哪些属性不会继承父级？

CSS（Cascading Style Sheets）是一种用于描述网页外观和样式的语言。在CSS中，有些属性可以被子元素继承，而有些则不行。下面我们来看一下CSS中哪些属性不会被子元素继承。

1. display

display 属性决定了一个元素应该如何显示。它的值包括 block、inline、none 等等。

当一个元素设置为 none 时，它将无法被渲染出来。即使其父级元素设置了其他的 display 值，在这个特定情况下也不能够被继承。

2. float

float 是 CSS 中用于实现浮动布局效果的重要属性之一。通过使用 float 可以让一个块状元素脱离文档流并向左或向右移动。

在默认情况下，float 不会被子元素所继承。如果您想让子元素也具备浮动效果，则需要对每个子元素分别进行设置。

3. position

position 属性定义了一个 HTML 元素在页面上的位置方式，并且常与 top、bottom、left 和 right 这四个关键字结合使用。

同样地，默认情况下，position 属性也不会被子元素所继承。如果您希望让子元素也具备相同的定位方式，则需要对每个子元素进行单独设置。

4. overflow

overflow 属性用于指定一个容器内部内容溢出时如何处理。它有很多取值，包括 visible、hidden、scroll 和 auto 等等。

在默认情况下，overflow 也不会被子元素所继承。如果您想要为某个容器下的所有子元素都添加同样的 overflow 效果，则需要对每个子元素分别进行设置。

5. z-index

z-index 是 CSS 中用于控制层叠顺序（即前后关系）的属性之一。通过使用 z-index 可以将某些 HTML 元素置于其他 HTML 元素之上或之下。

和以上几种属性类似，默认情况下，z-index 也不能够被子元素所继承。在这种情况下你需要单独地给每一个子元素指定其自身的 z-index 值。

除了以上五种属性外，还有一些其他常用但同样不可继承的CSS属性：

网站题目：CSS中哪些属性不会继承父级？
分享网址：http://www.mswzjz.cn/qtweb/news7/436907.html

攀枝花网站建设、攀枝花网站运维推广公司-贝锐智能，是专注品牌与效果的网络营销公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 贝锐智能