前军教程网

中小站长与DIV+CSS网页布局开发技术人员的首选CSS学习平台

前端:给选中的目标Item加样式,Pseudo-class :target

当你用锚点滚动到一个元素,如果不给那个元素加些样式,用户可能不清楚你做了什么,哪个是他想找的内容,比如下图这个情况:

具体的HTML如下, 它有三个锚点,对应三个内容块:

我们给选中的内容加了黄色背景,这样用户点击的时候,就可以清清楚楚地知道发生了什么。要实现这个,只要使用伪类:target就可以轻松搞定。

你甚至可以加些CSS动画效果!

小伙伴们,快去试试吧!

发表评论:

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言