CSS复合选择器（后代，子元素，交集，并集，链接伪类选择器）

CSS复合选择器

目的是选择更准确更精细的目标元素标签
复合选择器是由两个或多个基础选择器，通过不同方式组合

1、后代选择器

概念：
后代选择器又称为包含选择器
作用：
用来选择元素或元素组的子孙后代
写法：

    父级 子级{属性：属性值；属性：属性值；}

语法：

     .class h3{color:red; font-size:16px;}

2、子元素选择器

作用：
子元素选择器只能选择作为某元素子元素（亲儿子,不包含子元素的下级元素）的元素
写法：把父级标签写在前面，子级标签写在后面，中间跟一个>进行连接
语法：

  .class>h3{color:red; font-size:16px;}

3、交集选择器

条件
交集选择器由两个选择器构成，找到的标签必须满足：既有标签一的特点，也有标签二的特点

语法：

 p.one 选择的是：  类名.one  的  段落标签
例如：
   /* 交集选择器  既是 又是的关系 */
        /* 既是p标签又是.red类选择器 */
        p.red {
            color: red;
        }

4、并集选择器

应用：
如果某些选择器定义的样式完全相同，或部分相同，就可以利用并集选择器
通过“，”号连接，通常用于集体声明，所有选择器都会执行后面样式，逗号可以理解为和的意思

  /* 并集选择器，用“，”隔开，逗号理解为和的意思，通常用于集体声明 */
        p, 
        span {
            color: red;
        }

5、链接伪类选择器（重点）

伪类选择器：
为了和类选择器相区别
类选择器是一个点 比如**.demo{}**
伪类是用冒号 比如 :link{}
作用：
用于向某些选择器添加特殊的效果。比如给链接添加特殊效果，比如可以选择第1个，第n个元素
因为伪类选择器很多，比如链接伪类，结构伪类等。

       /* 未访问过链接的状态 */
        a:link {
            color: #333;
            /* 取消下划线 */
            text-decoration: none;
        }
        /* 已经访问过的链接 */
        a:visited {
            columns: orange;
        }
        /* 鼠标经过链接时候的状态 */
        a:hover {
            color: red;
        }
        /* 当我们点击的时候（按下鼠标，不松开的时候） */
        a:active {
            color: green;
        }

注意
写的时候，顺序不颠倒，按照lvha的顺序，否则可能引起错误
链接伪类，都是利用交集选择器
因为a链接浏览器具有默认模式，实际工作中都需要给链接单独指定样式
实际工作中，很少写全四个状态，一般写法如下：

   a {
            /* a是标签选择器  所有的链接 */
            font-weight: 700;
            font-size: 16px;
            color: gray;
        }
        a:hover{
            /* ：hover 是链接伪类选择器  鼠标经过 */
            color：red;
        }

6、复合选择器总结