• 子代选择器 并集选择器 伪类选择器

    子代选择器(子选择器) 只能选择作为某元素的最近一级元素， 简单理解就是选亲儿子元素。

    元素1 >  元素2  { 样式声明 }

    div > p { 样式声明 }         选择div 里面所有最近一级 p 标签元素

    元素1 和 元素2 中间用 大于号 隔开

    元素1 是父级  元素2 是子级   最终选择的是 元素2 

    元素2 必须是亲儿子    其孙子 重孙之类都不归他管  你也可以叫他亲儿子选择器

    并集选择器

    并集选择器可以选择多组标签， 同时为他们定义相同的样式。 通常用于集体声明

    并集选择器是各选择器通过英文逗号(,) 连接而成， 任何形式的选择器都可以作为并集选择器的一部分

    1. // 要求：  请把熊大熊二改成粉色， 小猪一家改成粉色
    2. // 并集选择器一般竖着写
    3. <style>
    4.     div,
    5.     p,
    6.     .pig li {
    7.         color: pink ;
    8.     }
    9. style>
    10. <body>
    11.     <div>熊大div>
    12.     <p>熊二<p>
    13.     <span>光头强span>
    14.     <ul class = "pig">
    15.         <li> 小猪佩奇 li>
    16.         <li> 猪爸爸 li>
    17.         <li> 猪妈妈 li>
    18.     ul>

    伪类选择器：  链接伪类选择器  结构伪类选择器

    1. // 为了保持生效， 要按照LVHA的顺序写