请参见W3.org上的相邻选择器。

在这种情况下，选择器意味着样式仅适用于另一段落后面的段落。

纯p选择器会将样式应用于页面中的每个段落。

这只适用于IE7或更高版本。在IE6中，样式不会应用于任何元素。顺便说一下，这也适用于>组合子。

另请参阅Microsoft在Internet Explorer中的CSS兼容性概述。

请参见W3.org上的相邻选择器。

在这种情况下，选择器意味着样式仅适用于另一段落后面的段落。

纯p选择器会将样式应用于页面中的每个段落。

这只适用于IE7或更高版本。在IE6中，样式不会应用于任何元素。顺便说一下，这也适用于>组合子。

另请参阅Microsoft在Internet Explorer中的CSS兼容性概述。

它将匹配与元素“p”紧邻的任何元素p。参见：http://www.w3.org/TR/CSS2/selector.html

+组合子称为相邻兄弟组合子/下一兄弟组合子。

例如，p+p选择器的组合选择紧跟在p元素之后的p元素

它可以被认为是一种“边看”组合，用于检查紧接着的元素。

下面是一个示例片段，可以让事情更清楚：

正文{font-family:宋体；字体大小：12px；}p+p{左边距：10px；}＜div＞<p>标题段落</p><p>这是一段</p><p>这是另一段</p><p>这是另一段</p><小时><p>页脚段落</p></div>

由于我们在同一主题上，值得一提的是另一个组合子~，它是通用兄弟组合子/后继兄弟组合子

例如，p~p选择p后面的所有p并不重要，但这两个p应该具有相同的父级。

下面是使用相同标记的情况：

正文{font-family:宋体；字体大小：12px；}p~p{左边距：10px；}＜div＞<p>标题段落</p><p>这是一段</p><p>这是另一段</p><p>这是另一段</p><小时><p>页脚段落</p></div>

注意，最后一个p也在这个示例中匹配。

+符号表示选择“相邻兄弟”

例如，此样式将从第二个＜p＞开始应用：

p+p{字号：粗体；} ＜div＞<p>第1段</p><p>第2段</p></div>

实例

看到这个JSFiddle，你就会明白：http://jsfiddle.net/7c05m7tv/（另一个JSFiddle：http://jsfiddle.net/7c05m7tv/70/)

浏览器支持

所有现代浏览器都支持相邻的同级选择器。

了解更多信息

http://css-tricks.com/almanac/selectors/a/adjacent-sibling/http://www.w3.org/TR/CSS2/selector.html#adjacent-选择器https://developer.mozilla.org/en-US/docs/Web/CSS/Adjacent_sibling_selectors

“+”是相邻的同级选择器。它将在p之后直接选择任何p（但不是子代或父代，而是兄弟姐妹）。