CSS的相邻兄弟选择器用法简单讲解

可选择紧接在另一个元素后的元素，且二者有相同的父级元素 下面代码中，item2和item3会有效果，而item1不会有
HTML代码：

1.   
   •     
   • item1
     
   •     
   • item2
     
   •     
   • item3
     
     

CSS代码：

1. li+li { font-size: 50px; }  

1、如果需要选择紧接在另一个元素后的元素，而且二者有相同的父元素，可以使用相邻兄弟选择器。
2、相邻兄弟选择器使用加号“+”做为连接符。

示例

1.   
2.   
3.   
4.       
5.         #p1 + p {   
6.             margin-top: 50px;   
7.         }   
8.       
9.   
10.   
11.   
12.     This is paragraph 1.
      
13.     This is paragraph 2.
      
14.     This is paragraph 3.
      
15.     This is paragraph 4.
      
16.   
17.   
18.