普通兄弟選擇器
示例
- h1~p{
- color:
- #f00;
- }
描述
該選擇器定位一個指定元素後面的所有兄弟元素。將此選擇器應用到上面的那個例子，將會對兩個p標簽都有效。當然，如果有一個p元素出現在h1之前，那個p元素不會被匹配。
支持情況
IE6，No
IE7，Yes
IE8，Yes
偽類和偽元素
:hover後面的後代選擇器
示例
- a:hoverspan{
- color:
- #0f0;
- }
描述
一個元素可以被:hover偽類後面的選擇器定位，就像後代選擇器一樣。上面的例子，在鼠標懸停的時候，將會改變a元素內的span元素中的文字的顏色。
支持情況
IE6，No
IE7，Yes
IE8，Yes
鏈偽類
示例
- a:first-child:hover{
- color:
- #0f0;
- }
描述
偽類可以鏈起來以縮小元素選擇。上面的例子會定位每一個父級元素下的第一個a標簽，並將hover偽類P應用到它上。