[分享]css不继承不传递样式

在CSS中，我们经常会使用继承来简化代码，例如将某个元素的字体颜色或者边框样式继承给它的子元素。但是，有时候我们会发现一些样式并没有被继承或者传递给子元素。这是因为CSS中并不是所有属性都能够被继承和...

在CSS中，我们经常会使用继承来简化代码，例如将某个元素的字体颜色或者边框样式继承给它的子元素。但是，有时候我们会发现一些样式并没有被继承或者传递给子元素。

这是因为CSS中并不是所有属性都能够被继承和传递。一些属性是不会被继承的，例如边框和背景颜色等样式属性。同样，一些属性也不会被传递给子元素，如位置和大小等属性。

.parent {
  background-color: #fff;
  border: 1px solid #000;
  font-size: 18px; /* 被继承 */
}

.child {
  color: red; /* 没有被继承 */
  margin-top: 10px; /* 没有被传递 */
} 

如上代码所示，父元素中的背景色和边框样式并没有被继承给子元素，而字体大小却被继承了。子元素中的字体颜色没有被继承，而上边距则没有被传递。

因此，在使用CSS的过程中，我们需要注意哪些样式能够被继承和传递，以便更好地掌握样式的继承和传递规则，方便我们更好地编写CSS样式。