CSS选择符

记录一下css选择器使用方法

1. 类选择器(.)

   .box {}
   

2. id选择器(#)

   #box {}
   

3. 标签选择器

   div {}
   

4. 属性选择器

   input['text']
   

5. 后代选择器(空格)

   // html
   <div class="container">
         <ul class="list">
       <li class="item">1</li>
       <li class="item">2</li>
       <li class="item">3</li>
         </ul>
   </div>
   
   // css
   // 后代选择器
   .container .list {}
   

6. 子代选择器(>)

   // 代码同上
   .container > .list {}
   

7. 相邻选择器(~)

   .item ~ .item {}
   

8. 兄弟选择器(+)

   .item + .item {}
   

9. 通配符选择器(*)

   * {}
   

10. 伪类选择器

    .item:hover {}
    .item:nth-child {}