E+F { sRules }
E~F VS. E+F：
<style>
/* 相鄰選擇符(E+F) */
h3 + p { color: #f00; }
/* 兄弟選擇符(E~F) */
h3 ~ p { color: #f00; }
</style>
<h3>這是一個標題</h3>
<p>p1</p>
<p>p2</p>
<p>p3</p> 這個例子中，如果是相鄰選擇符，那么只有 p1 會變成紅色；如果是兄弟選擇符，那么 p1/p2/p3 都會變成紅色；
| IE | Firefox | Chrome | Safari | Opera | iOS Safari | Android Browser | Android Chrome |
|---|---|---|---|---|---|---|---|
| 6.0 | 2.0+ | 4.0+ | 3.1+ | 3.5+ | 3.2+ | 2.1+ | 18.0+ |
| 7.0+ |