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)
  • 热门搜索
    桂林旅游注意事项 青岛旅游学校分数线 杭州旅游线路 成都旅游集散中心 关于旅游的句子 临汾旅游景点大全 菲律宾旅游安全吗 途途旅游网 休闲农业旅游 过年云南旅游