您的当前位置：首页正文

两种CSS选择器Element Element与Element＞Element的区别

来源：尚车旅游网

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>测试</title>
    <style>
        /* div p	选择<div>元素内的所有<p>元素 */
        div p {
            background-color: red;
        }
    </style>
</head>

<body>
    <h1>测试数据</h1>
    <div>
        <p>我是div下的p标签</p>
        <span>
            <p>我是div下span的父标签</p>
        </span>
    </div>
</body>

</html>

div p的运行效果

 /* div>p	选择所有父级是 <div> 元素的 <p> 元素 */
div>p {
     background-color: red;
}

div>p的运行效果

因篇幅问题不能全部显示，请点此查看更多更全内容

查看全文