Maison >interface Web >tutoriel HTML >CSS基础学习十:伪元素_html/css_WEB-ITnose

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

WBOY
WBOYoriginal
2016-06-24 11:33:411001parcourir

       上一篇博客说的是伪类,这次我们来说说伪元素。先来补充一下上篇博客漏掉的一个伪类::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>
Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn