css不会继承的有哪些

admin 轻心小站 关注 LV.19 运营
发表于前端技术学习版块 css,教程

CSS 是网页设计中不可或缺的部分,它可以让我们以一种优雅的方式来美化我们的网页。然而,就像其他编程语言一样,CSS 也有其自己的规则和限制。其中一个限制就是 CSS 的继承机制。尽管 CSS 提供了

CSS 是网页设计中不可或缺的部分,它可以让我们以一种优雅的方式来美化我们的网页。然而,就像其他编程语言一样,CSS 也有其自己的规则和限制。其中一个限制就是 CSS 的继承机制。尽管 CSS 提供了一些元素可以继承其属性值,但是它并不是一刀切的,有些属性是无法继承的。

article {
  font-size: 16px;
  color: #333;
}

h1 {
  font-weight: bold;
  font-family: 'Arial', sans-serif;
} 

在上面的 CSS 代码段中,我们为 <article> 元素设置了一个字体大小和颜色,而为 <h1> 元素设置了字体粗细和字体系列。

那么,<h1> 元素是否会继承 <article> 元素的样式呢?

答案是不会。因为字体大小和字体颜色是可以继承的,但是字体粗细和字体系列是不可以继承的。

除了字体粗细和字体系列,还有哪些属性是不可以继承的呢?以下是一些常见的不可继承的属性列表:

  • display
  • float
  • clear
  • position
  • z-index
  • vertical-align
  • overflow
  • width
  • height
  • min-width
  • max-width
  • min-height
  • max-height

理解 CSS 的继承机制对于设计优雅的网页非常重要。虽然不是所有的属性都可以继承,但是合理的使用继承可以让你的样式更加简洁明了,减少了代码量和工作量。

文章说明:

本文原创发布于探乎站长论坛,未经许可,禁止转载。

题图来自Unsplash,基于CC0协议

该文观点仅代表作者本人,探乎站长论坛平台仅提供信息存储空间服务。

评论列表 评论
发布评论

评论: css不会继承的有哪些

粉丝

0

关注

0

收藏

0

已有0次打赏