扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
这篇文章主要讲解了“CSS3目标伪类选择器target怎么用”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“CSS3目标伪类选择器target怎么用”吧！
成都创新互联专注于北镇网站建设服务及定制，我们拥有丰富的企业做网站经验。 热诚为您提供北镇营销型网站建设，北镇网站制作、北镇网页设计、北镇网站官网定制、微信小程序定制开发服务，打造北镇网络公司原创品牌,更为您提供北镇网站排名全网营销落地服务。
一、怎么使用CSS3:target选择器
target是CSS3伪类选择器中的一种，用来匹配文本中某个标志符的目标元素。＃锚的名称是在一个文件中链接到元素的url，元素被链接到目标元素。:target选择器可用于当前激活的target元素的样式。
具体来说，url中一般会包含一个#，后面带一个名称，如#aa,:target就是匹配id为"aa"的目标元素。举个例子：如一个页面中有一个a标签，它的href如下：按钮3，同一个页面中也会有以box为id的元素，
那么a标签的href属性会链接到#box中，也就是box:target选择符所选的目标元素，它所指定的样式就是当a链接到这个元素时候，目标元素的样式。比如你如果想改变链接指向#tab的元素字体大小，你可以这样设置：#tab:target{font-size:30px}。
二、CSS3:target实例
就单纯用CSS实现，点击标题1，跳转到content1，点击标题,2，跳转到content2的效果。
HTML部分：
标题1
标题2
标题3
CSS部分：
:target
{
border:2pxsolid#D4D4D4;
background-color:#e5eecc;
font-size:25px;
}
感谢各位的阅读，以上就是“CSS3目标伪类选择器target怎么用”的内容了，经过本文的学习后，相信大家对CSS3目标伪类选择器target怎么用这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是创新互联，小编将为大家推送更多相关知识点的文章，欢迎关注！
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
微信二维码
移动版官网