active 第二頁

準類別 | :ACTIVE | :FOCUS | :HOVER | :LANG() | :LINK | :VISITED

:ACTIVE 2

下例中，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>

將 :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（你正在看 第二頁）

:

第一頁

第二頁