选择器。。

 属性选择器？
       [属性名]{}

       [class]{}
       [class ^= 'box-']{}
       [class $= 'box']{}
       [class *= 'box']{}
       [class= 'box']{}

    结构伪类选择器有哪些？
       1. 第一个          :first-child        body :first-child{}    body p:first-child{}
       2. 最后一个孩子    :last-child
       3. 第几个         :nth-child(3){}    
                         :nth-child(odd){}      
                         :nth-child(even){}     
                         :nth-child(-n+3){}  
                         :nth-child(n+3){} 
                        :nth-child(n+3):nth-child(-n+6)
       4. 内容或元素为空的 body  :empty{}
                         <div></div>
                         <div>  </div>
                         <div><p></p></div>
                         <div>文字</div>
       5. 元素为父元素唯一元素的
                       body  :only-chil{}

                         <div>
                            <p></p>
                         </div>
                         <div>
                            <p></p>
                            <p></p>
                         </div>
 
    伪类选择器？
         :link{}
         :visited{}
         :hover{}
         :active{}

         :after{}
         :before{}

         <p>
           
         </p>

        作用于块元素
         p::after{
             content:"-";
             display:block;
         }
         p::before{
             content:"+";
         }
        

        foucs: 获得焦点(理解成点击)

        input:focus{}
        a:focus{}

        <button>按钮</button>
        <div></div>

        button:foucs + div{}

        :first-letter{}
        :first-line{}

    目标伪类选择器？
         :target{

         }
        
    

    否定选择器?
        :not(div)

    UI状态选择器？
        :disabled{}
        :enabled{}
        :checked{}
       

盒子阴影和文本阴影的语法分别是？
    text-shadow: 3px 3px 4px grey;
                 右   下  模糊度 

    box-shadow:3px 3px 4px 4px grey inset;
              右   下   模糊度 阴影大小