CSS | [属性~=值] 选择器

[attribute~=”value”] 选择器用于选择那些属性值包含指定单词的元素。 “值”必须作为一个单独的词出现在属性中，而不是作为其他词的一部分，即如果指定了 [title~=Geeks]，那么所有具有 Geeks 标题的元素都会被选中。

句法：

[attribute~=value] {
    // CSS property
}

示例 1：

 
 
     
         
     
      
     
          
        

            First div Element
        
 
          
        

            Second div Element
        
 
          
        

            Third div Element
        
 
          
        

            Fourth div Element
        
 
     
                                 

输出：

示例 2：

 
 
     
         
          
         
     
      
     
        
[attribute~=value] Selector
 
          
         
          
         
          
         
     
                     

输出：

支持的浏览器： [attribute~=value] 选择器支持的浏览器如下：

• 谷歌浏览器 4.0
• 浏览器 7.0
• 火狐 2.0
• Safari 3.1
• 歌剧 9.6