Heim >Web-Frontend >HTML-Tutorial >CSS基础学习十:伪元素_html/css_WEB-ITnose

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

WBOY
WBOYOriginal
2016-06-24 11:33:411001Durchsuche

       上一篇博客说的是伪类,这次我们来说说伪元素。先来补充一下上篇博客漏掉的一个伪类::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>
Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn