如何为在它之前有相邻项目的每个元素设置样式？

您可以使用 Adjacent Sibling Selector (+)轻松设置在其之前具有相邻项的每个元素的样式。相邻同级选择器用于选择与指定选择器标签相邻的元素或旁边的元素。此组合器仅选择紧邻指定标签的一个标签。

注意：选择器用于选择属性中的 HTML 元素，相邻同级选择器 (+) 是选择器的一种。语法很简单，只是两个或多个选择器用加号(+)分隔。

先决条件：对组合子有很好的理解

句法：

former_element + target_element { style properties }  

示例 1：相邻兄弟选择器只会选择紧跟在另一个兄弟元素之后的兄弟元素。两个元素共享同一个父元素（ center ）。

HTML

  

    

  

    
        
GeeksforGeeks
        
  
        
I'm 1st paragraph after Image
  
        
I'm 2nd paragraph after Image
  
        
I'm 3rd paragraph after Image
    

  

输出：

示例 2：

HTML

  

    
      
    

  

    
        
Welcome to GeeksforGeeks
        
Adjacent sibling selector property
        
GeeksforGeeks
  
        

            
child div content
            
G4G
        
  
        
Geeks
        
Hello
    

  

输出：