CSS | element1~element2 选择器

CSS 中的 element1~element2 选择器用于匹配 element2 后跟 element1 的出现。 element1 后面紧跟 element2 并不重要。如果两个元素具有共同的父元素，则此属性有效。

句法：

element1 ~ element2 {
    // CSS Property
}

示例 1：在此示例中，两个元素具有相同的父元素(主体)。

    
        
          
        
    
      
    
        

            
Programming Languages list:
            

                
C
                
C++
                
Java
                
Python
            
      
            
Computer Science Subjects:
            

                
Data Structure
                
Algorithm
                
Operating System
                
Computer Networks
            
        
    
                    

输出：

示例 2：在此示例中，两个元素没有相同的父元素。所以 CSS 属性将不适用。

    
        
          
        
    
      
    
        
Programming Languages list:
        

            

                
C
                
C++
                
Java
                
Python
            
          
            
Computer Science Subjects:
            

                
Data Structure
                
Algorithm
                
Operating System
                
Computer Networks
            
        
    
                    

输出：

支持的浏览器： element1~element2 Selector支持的浏览器如下：

• 谷歌浏览器 4.0
• 浏览器 7.0
• 火狐 3.5
• Safari 3.2
• 歌剧 9.6