定義:focus 偽類在元素獲得焦點時向元素添加特殊的樣式。註釋:IE 瀏覽器不支持此屬性。說明這個偽類應用於有焦點的元素。例如 HTML 中一個有文本輸入焦點的輸入框,其中出現了文本輸入光標;也就是說,在用戶開始鍵入時,文本會輸入到這個輸入框。其他元素(如超鏈接)也可以有焦點,不過 CSS 沒有定義哪些元素可以有焦點。例子
程序代碼
a:link {color: #FF0000} /* 未訪問的鏈接 */a:focus {color: #00FF00} /* 獲得焦點的鏈接 */註釋:偽類的名稱對大小寫不敏感。註釋:偽類可與 CSS 類配合使用:
程序代碼
a.red:visited {color: #FF0000}CSS Syntax
如果上面這個例子中的鏈接已被訪問過,那麼它會顯示為紅色。TIY 實例超鏈接::focus 的使用 本例演示如何使用 :focus 偽類(無法在 IE 中工作)。
文章來自wowbox
文章提供baystars design網頁設計公司

沒有留言:
張貼留言