继承
/*
样式的继承，我们为一个元素设置的样式同时也会应用到它的后代元素上
继承是发生在祖先后代之间的
继承的设计是为了方便外面的开发，利用继承我们可以将一些通用的样式统一设置到共同的祖先元素上，这样只需要设置一次即可以让所有的元素都具有该样式
注意，并不是所有的样式都会被继承：
比如，背景相关的，布局相关等的这些样式都不会被继承。
*/
例如p{
color ：red；
}
我是一个元素
我是p元素中的span
这种情况，无论是p标签里的，还是span标签里的文字都变红了，因为这是样式继承，span是p元素的后代（无论是儿子，孙子还是啥都会被继承），但是如果你span写在p外面就不行了，因为继承只能发生在后代元素身上。
![[HTML、CSS]细节与使用经验](https://ucc.alicdn.com/3mfxe2r26qbaq/developer-article1635950/20241110/4a6bb78b9c294263bd2e005a5c2642e0.gif?x-oss-process=image/resize,h_160,m_lfit)