css选择器

1.后代选择器（包含选择器）
语法：（元素2是元素1的后代（只要是后代即可），表示选中了元素2）--记得用空格隔开
元素1 元素2 {
        样式声明；
        }
例如：
<style>
        /*想要把ol里面的li变颜色*/
        ol li {
            color: green;
        }
</style>
2.子选择器---只能选择最近一级子元素
语法：（最终选择的元素2）
元素1>元素2 {
        样式声明；
        }
3.并集选择器（可以选择多组标签,任何形式的选择器都可以作为并集选择器的一部分）
语法：
元素1,元素2 {
        样式声明；
        }
例如：
    div,
        p {
            color: pink;
        }
4.伪类选择器---向某些选择器添加特殊的效果--常见链接伪类
伪类选择器最大的特点是用冒号：表示
        a:link {     <!--表示未访问-->
            color: black;
        }

        a:visited {   <!--表示已访问-->
            color: red;
        }

        a:hover {    <!--表示鼠标经过-->
            color: blue;
        }

        a:active {   <!--表示鼠标一直按下-->
            color: green;
        }
链接伪类选择器为了确保生效，要按照LVHA的（以上的顺序）顺序
:focus 伪类选择器---用于获得焦点（光标）的 表单元素
例如：
input:focus {
    background-color: yellow;
    }