一、相鄰選擇符+

<style>

p+p{color:#f00;}

</style>

-----------HTML----------------

<div class="test">

<h3>這是一個標題</h3>

<p>我是相鄰的</p>

<p>我是相鄰的</p>

<h3>這是一個標題</h3>

<p>我不相鄰</p>

<h3>這是一個標題</h3>

<p>我是相鄰的</p>

<p>我是相鄰的</p>

</div>

二、兄弟選擇符~

<style>

p~p{color:#f00;}

</style>

三、屬性選擇符

<style>

a[class="haha"]{color:#f00;}

</style>

a[class~="haha"]{color:#f00;}

選擇具有att屬性且屬性值為一用空格分隔的字詞列表，其中一個等于val的E元素。

li[class^="a"]{color:#f00;} 以haha開頭的

E[att$="val"]{ sRules }

選擇具有att屬性且屬性值為以val結尾的字符串的E元素。

E[att*="val"]{ sRules }

選擇具有att屬性且屬性值為包含val的字符串的E元素。

E[att|="val"]{ sRules }

選擇具有att屬性且屬性值為一用連接符分隔的字符串，并以val開頭的E元素。