样式的继承 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>样式继承</title>
    </head>
    <body>
        <!-- 
            祖先元素上的样式 也会被后代元素继承
            利用继承，可以将一些基本样式设置给祖先元素，所有后代元素都会继承这些样式
            
            不是所有样式都会被子元素继承，例：背景相关的样式都不会被继承
         -->
         <div style="font-size: 30px;">
             <p >
                  我是p标签中的文字
                 <span>我是span中的文字</span>
             </p>
         </div>
         
         <span>我是p元素外的span</span>
        
        
    </body>
</html>

注意与背景相关的样式不会被继承！

posted @ 2021-06-30 14:43  2237774566  阅读(45)  评论(0)    收藏  举报