css选择器

css选择器
1.全局选择器 （符号：*），也叫通配符选择器 →作用：去除盒子模型的默认结构

*{
    margin:0;
    padding:0;
}

2.标签选择器
（list-style: none;去除无序列表的默认圆点）

li{
    list-style:none;
}

3.类选择器（class   .）

.yy{
    background-color:aqua;
}

4.ID选择器（#）→具有唯一性 独一无二的

#one{
    background-color: blanchedalmond;
}

5.群组选择器（,）

div,p{
    color: rgb(110, 255, 255);
}

6.层次选择器→后代选择器、子代选择器、相邻兄弟、通用兄弟
      ①后代选择器（用空格表示）
               ul li{
             color: rgb(9, 236, 160);
        }
       ul a{
             color: rgb(223, 141, 141);
        }
      ②子代选择器（>）
             li>a{
          color: rgb(206, 93, 93);
      }
      body ul li a{
          color: rgb(164, 164, 12);
      }
      body ul .yy a{
          color: red;
      }
   ③相邻兄弟（+）
            a+div{
          color:blue;
      }
   ④通用兄弟（~）
           ul li~p{
          color:greenyellow;
      }

7.伪类选择器

       ①状态伪类（a）

            （橘色部分 顺序不能变）
              (默认情况下的状态 link)
              a:link{color:green;}

           （被访问过后的状态 visited）
              a:visited(color:blueviolet;)

             (鼠标悬浮状态 hover)
             a:hover{color: aquamarine;} 

             (鼠标按下去那一刻的状态 active)
             a:active{color: orangered;}

       (after)
       p:after{content:"333";}

    ②结构伪类
                ul li:nth-child(5){color:aqua;}