>웹 프론트엔드 >HTML 튜토리얼 >CSS基础学习十:伪元素_html/css_WEB-ITnose

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

WBOY
WBOY원래의
2016-06-24 11:33:411001검색

       上一篇博客说的是伪类,这次我们来说说伪元素。先来补充一下上篇博客漏掉的一个伪类::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>
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.