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选择器代表的就是当前选择的目标对象,可以运用这一选择器进行样式的添加

解决IOS fixed定位问题 kali linux下实现远程桌面连接windows 夏洛克福尔摩斯第一章最低配置要求一览 无法使用nautilus解决办法 HTML教程 文件上传(file)
热门搜索
爱你图片 亚洲小说图片 卖火柴的小女孩图片 窗户图片 画眉鸟图片