📜  哪些字符在 CSS 类名/选择器中有效?

📅  最后修改于: 2021-11-08 06:39:20             🧑  作者: Mango

在 CSS 中选择有效的类名或选择器非常容易,只需遵循规则即可。

  • 有效名称应以下划线 (_)、连字符 (-) 或字母 (az)/(AZ) 开头,后跟任何数字、连字符、下划线、字母。
  • 它不能以数字开头,以数字开头是 HTML5 可以接受的,但 CSS 不可以接受。
  • 两个连字符后跟一个数字是有效的。

示例 1:此示例描述了使用 CSS 的有效 id 选择器列表。



  

    
        Valid id Selectors
    
      
    

  

    
        
Starting with digit GeeksforGeeks
        
Starting with underscore
        
Starting with hyphen
        
Starting with lower case alphabet
        
Starting with uper case alphabet
        
Starting with double hyphen
        
only one alphabet
        
underscore before digit
        
only hyphen
        
double hyphen
        
only underscore
        
double underscore
    
      

输出:

示例 2:此示例描述了使用 CSS 的有效类选择器列表。



  

    

  

    
        

            GeeksforGeeks         

                   
                   
Starting with digit
        
Starting with underscore
        
Starting with hyphen
        
Starting with lower case alphabet
        
Starting with uper case alphabet
        
Starting with double hyphen
        
only one alphabet
        
underscore before digit
        
only hyphen
        
double hyphen
        
only underscore
        
double underscore
    
                                     

输出: