9、样式继承

最新推荐文章于 2022-10-30 22:20:24 发布

五仁卤鸡翅

最新推荐文章于 2022-10-30 22:20:24 发布

阅读量198

点赞数

分类专栏： css 文章标签： css css3

本文链接：https://blog.csdn.net/MoonNight608/article/details/106853409

版权

css 专栏收录该内容

50 篇文章 0 订阅

订阅专栏

文章目录

介绍
样式继承

介绍

本文是在学习CSS时做的学习笔记，所有笔记内容为 CSS学习笔记

样式继承

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>meta</title>
</head>
<style>
样式的继承
    为一个元素设置一个样式，也会应用到它的后代元素
    继承只会发生在后代元素
    继承是发生在祖先元素和后代元素

继承的设计是为了方便开发，利用继承可以将通用的样式，设置到共同的
祖先元素。这样只设置一次即可让所有元素都具有该样式    

注意，并不是所有的样式都会被继承
      比如，背景相关的，布局相关等的这些样式都不会被继承
p{
    color:red
    background-color:orange// 不会被继承
}

</style>
<body>
<p>
  我是p元素
  <span>我是p元素中的span</span>
</p>  
<span>我是p元素外的span</span>    
<div>
  我是div
  <span>我是div中的span</span>
</div>         
</body>
</html>