首頁 > web前端 > html教學 > CSS基础学习十:伪元素_html/css_WEB-ITnose

CSS基础学习十:伪元素_html/css_WEB-ITnose

WBOY
發布: 2016-06-24 11:33:41
原創
1008 人瀏覽過

       上一篇博客说的是伪类,这次我们来说说伪元素。先来补充一下上篇博客漏掉的一个伪类::focus 伪类

       (1)定义和用法

       :focus伪类在元素获得焦点时向元素添加特殊的样式。注释IE浏览器不支持此属性。

       (2)说明

       这个伪类应用于有焦点的元素。

       例如HTML中一个有文本输入焦点的输入框,其中出现了文本输入光标;也就是说,在用户开始键入时,文本会

输入到这个输入框。其他元素(如超链接)也可以有焦点,不过CSS没有定义哪些元素可以有焦点。

a:link {color: #FF0000}     /* 未访问的链接 */a:focus {color: #00FF00}  /* 获得焦点的链接 */
登入後複製
      再来一个结合其他选择器的例子:

<meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title></title>
登入後複製
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板