CSS3如何应用target选择器

 时间:2024-10-12 01:03:52

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)
  • 热门搜索
    红心向党手抄报 中秋手抄报图片 庆祝国庆节手抄报 身边的科学手抄报 关于教师节的手抄报 4k手抄报版面设计图 电子手抄报怎么做 感恩手抄报资料 我与校树共成长手抄报 热爱生命的手抄报