css >什么选择器-木庄网络博客

本文摘自PHP中文网，作者青灯夜游，侵删。

在css中，“>”是子元素选择器，语法“E > F”，作用是选中指定父元素E的指定子元素F。子元素选择器和后代选择器有点像，但子元素选择器只能选择下一层元素，而后代选择器能够选择下面n层元素。

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

在css中，子元素选择器是指选择符合条件的子元素，需要运用到>符号

语法：

1	`父元素E > 子元素F`

作用：选中指定父元素E的指定子元素F

示例：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style type="text/css">
            .box{
                width: 100px;
                height: 100px;
                border: 1px solid red;
            }
            .box>p{
                color: green;
                background-color: orange;
            }
        </style>
    </head>
    <body>
        <div class="box">
            <p>p1</p>
            <div>
                <p>p2</p>
            </div>
            <p>p3</p>
        </div>
    </body>
</html>