养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

CSS3如何应用target选择器

时间:2024-11-09 00:30:22

CSS中有很多的选择器类型,比如类选择器水貔藻疽,ID选择器。而CSS3中新增加了一些选择器,下面小编就给大家分享一下其中的target选择器

工具/原料

VisualStudio2017

方法/步骤

1、首先准备一个空的html文档,注意文档是html5结构的,如下图所示

CSS3如何应用target选择器

2、然后在body标签内我们书写如下的内容,如下图所示,注意链接在下面会有用处

CSS3如何应用target选择器

3、接下来,建立两个注解内容,如下图所示,是分别对上面链接的解释

CSS3如何应用target选择器

4、因为注解内容一开始是需要隐藏的,所艮劁飨戽以我们在style标签中利用display的none属性将其隐藏,如下图所示

CSS3如何应用target选择器

5、然后我们在写一下target属选择器的样式,如下图所示,给其加了背景

CSS3如何应用target选择器

6、最后我们运行程序,当你点击链接的时候,下面会显示注解,并且样式也显示出来了

CSS3如何应用target选择器

7、综上所述,target选择器代表的就是当前选择的目标对象,可以运用这一选择器进行样式的添加

© 一点知识