扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
小编给大家分享一下css中target的用法，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！
创新互联服务项目包括余庆网站建设、余庆网站制作、余庆网页制作以及余庆网络营销策划等。多年来，我们专注于互联网行业，利用自身积累的技术优势、行业经验、深度合作伙伴关系等，向广大中小型企业、政府机构等提供互联网行业的解决方案，余庆网站推广取得了明显的社会效益与经济效益。目前，我们服务的客户以成都为中心已经辐射到余庆省份的部分城市，未来相信会继续扩大服务区域并继续获得客户的支持与信任！
css target是指“:target”选择器，可用于选取当前活动的目标元素，其使用语法如“#tab:target {color:blue}”，该语句表示改变锚链接指向“#tab”的元素字体颜色为蓝色。
css :target选择器
URL 带有后面跟有锚名称 #，指向文档内某个具体的元素。这个被链接的元素就是目标元素(target element)。
:target 选择器可用于选取当前活动的目标元素。
CSS3 :target伪类用来改变页面中锚链接URL所指向的ID元素的样式。【相关推荐：css在线手册】
例如你要改变描链接指向#tab的元素字体颜色为蓝色，哪么你可以这样写成：
#tab:target {color:blue}浏览器支持：
不支持IE8及以下的IE版本，IE9支持这个属性，其它非IE内核浏览器如：Firefox、Chrome、等这些浏览器都支持。
用法：
:target伪类与:hover、:link、:visited、:focus等伪类的用法一样
:target {color:blue}实例：CSS3 :target伪类实现Tab切换效果
下面简单介绍下如何用csse :target来制作一个无JavaScript的tab切换效果
HTML代码：
tab1 contenttab2 contenttab3 content
CSS代码：
.tab_content {
position: absolute;
}
#tab1:target, #tab2:target, #tab3:target {
z-index: 1;
}原理其实很简单，就是把tab元素设为绝对对定位absolute,再通过:target伪类改变它们的层级（z-index）。
以上是“css中target的用法”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联行业资讯频道！
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
微信二维码
移动版官网