下例中，IE6 必須點擊它處失焦後，才取消 :ACTIVE 的風格。在 Firefox, Safari, Chrome 只要滑鼠右鍵放開，就會取消 :ACTIVE 的風格。
- 風格用法：
<style type='text/css'>
.blr {color:red;}
.blr:active {background:blue;
color:white;
}
</style>
<a class=blr href='javascript:void(0)'>
請先點此</a> 再點此。 - 執行結果： 請先點此 再點此。
將 :active 狀態傳給子元素。這個練習使用 .ak3:active I，將 :active 狀態傳給子元素 I。
- 風格用法：
<style type='text/css'>
.ak3 {width:60%;
text-decoration:none;
border:solid 1px red;
color:white;
}
.ak3:active I {color:red}
</style>
<a class=ak3 href='javascript:void(0)'>
<q>Q 元素</q><i>I 元素</i>
<q>Q 元素</q><i>I 元素</i>
<q>Q 元素</q><i>I 元素</i>
</a> - 執行結果：
Q 元素
I 元素Q 元素
I 元素Q 元素
I 元素
將 :active 狀態傳給下一個元素。下例使用 E + F 規則。
- 風格用法：
<style type='text/css'>
.fcs {border:solid 1px red}
.fcs:active {background:blue}
.fcs:active + SPAN {background:white; color:red}
</style>
<span class=fcs>遊戲樂園</span>
<span>好玩遊戲，射擊遊戲，賽車遊戲。</span> - 執行結果： 遊戲樂園 好玩遊戲，射擊遊戲，賽車遊戲。
- 上例，Firefox 成功；IE6, Safari, Chrome 失敗。使用 E ~ F 規則測試，也得到相同的結果。
| :ACTIVE（你正在看 第二頁） | : | 第一頁 | 第二頁 |
