程序员人生 网站导航

CSS3 target 和 focus 伪类 (附演示)

栏目:htmlcss时间:2014-03-29 03:09:31

  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/

------分隔线----------------------------
------分隔线----------------------------

最新技术推荐