软件下载 | 资讯教程 | 最近更新 | 下载排行 | 一键转帖 | 发布投稿
您的位置:最火下载站 > Web前端 > Html/css > CSS3 target 和 focus 伪类 (附演示)

CSS3 target 和 focus 伪类 (附演示)

  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/

    相关阅读
    网友评论