HTML子元素选择器&交集选择器

一、子元素选择器

1.定义：找到指定标签中所有特定的直接子元素，然后设置属性

2.格式：

标签名称一>标签名称2｛

      属性：值；

｝

3.释义：先找到叫做“标签名称1”的标签，然后在这个标签中查找所有直接子元素名称叫做“标签名称2”的元素

        div>p{

            color:red;

        }

.......省略代码.......       

<div>

    <p>我是段落一</p>

    <p>我是段落2</p>

    <p>我是段落3</p>

    <ul>

        <li><p>我是段珞4</p></li>

    </ul>

</div>

4.注意
：

（1）子元素选择器智慧查找儿子，不会查找孙子，重孙子等等

（2）子元素选择器之间需要用“>”符号相连接，而且不能有空格。

（3）子元素选择器不仅仅可以用标签名称，还可以用其他选择器。如：用id选择器或者classa选择器。

        #id1>p{

            color:green;

        }

.......省略代码.......