[分享]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 的继承机制对于设计优雅的网页非常重要。虽然不是所有的属性都可以继承，但是合理的使用继承可以让你的样式更加简洁明了，减少了代码量和工作量。