后代元素选择器 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>后代元素选择器</title>
        <style>
        /* 
            后代元素选择器
                作用：选中指定元素的指定子元素
                语法：祖先  后代{}
         */
            div p{
                font-size: 20px;
            }
            
            p span{
                background-color: #008000;
            }
        </style>
    </head>
    <body>
        <div>
            我是一个div
            <p>我是一个p元素</p>
            <span>
                我是一个span元素
            </span>
            <p>
                我是另一个p元素
                <span>我是另一个span</span>
            </p>
        </div>
    </body>
</html>

 

posted @ 2022-05-08 15:12  氯丙嗪  阅读(30)  评论(0)    收藏  举报