国内最全IT社区平台 联系我们 | 收藏本站
华晨云阿里云优惠2
您当前位置:首页 > web前端 > htmlcss > CSS3 target 和 focus 伪类 (附演示)

CSS3 target 和 focus 伪类 (附演示)

来源:程序员人生   发布时间:2014-03-29 03:09:31 阅读次数:2963次

  CSS3里的 target 和 focus 伪类都是针对特定元素的选择器,可以用来突出元素的位置。

  target 伪类

  target 伪类用于改变锚链接URL所指向的ID的样式。例如你要让页面页面里任何通过锚链接访问的元素字体都变成红色,可以这样写 *:target { color : red }

  需要注意的是,在添加 target 样式之前你必须为该元素指定一个id。效果请下面的 DEMO。


提示:可修改后代码再运行!

  focus 伪类

  focus 伪类用于改变 input 和 textarea 等标签在获得焦点时的样式。当展示在用户面前的是一个项目繁多的表单时,使用 focus 伪类能使更易找到焦点。效果可以看下面的 DEMO。


提示:可修改后代码再运行!

  原文链接:http://blog.imbolo.com/css3-target-and-focus-pseudo-class/

生活不易,码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠
程序员人生
------分隔线----------------------------
分享到:
------分隔线----------------------------
关闭
程序员人生