Такое правило действует на тег следующий за определенным сестринским тегом (сестринские теги расположены на одном уровне иерархии, то есть имеют один родительский тег). Вот пример:
h1 + р {font-variant:small-caps}
Применив это правило к коду:
<div>
<h1>А11 about siblings selectors</hl>
<p>There must be at least two selectors, with a + sign before the last one.</p>
<p>The targeted selector will only be affected if it is a sibling to, and preceded by, the one before the + sign,</p>
</div>
мы получим результат, так как только перед первым абзацем находится сестринский тег h1.
Как видно, тег р, расположенный следом за тегом h1, отвечает заданному условию правила и поэтому отображается маленькими заглавными буквами. Второй тег р, не смежный с h1, не попадает под действие правила. (Все это не относится к Internet Explorer для Windows).