在HTML中，通过各种各样的属性可以给元素增加很多附加的信息，了解和掌握css3一些的选择器，是很有必要的。

:enabled 和 :disabled选择器 表单元素有可用（“:enabled”）和不可用（“:disabled”）状态

     
    
      
        
       Text Input:        
           
      
    
      
        
       Text Input:        
           
      
     

1 

:checked选择器  表示的是选中状态

     
    
      
        
       
            
        
                
       
        
       男    
      
    
      
        
       
            
        
                
       
        
       女    
      
     

1 

 

:read-only 伪类选择器用来指定处于只读状态元素的样式。简单点理解就是，元素中设置了“readonly=’readonly’ :read-write 选择器刚好与“:read-only”选择器相反，主要用来指定当元素处于非只读状态时的样式。

     
    
      
        
       姓名:        
           
      
    
      
        
       地址:        
           
      
     

1 

::selection 伪元素是用来匹配突出显示的文本

::selection {
    background: red;color: green;}

 

::before和::after这两个主要用来给元素的前面或后面插入内容，这两个常和"content"配合使用，使用的场景最多的就是清除浮动。