CSS里的:target伪选择器
来源:互联网 发布:mes软件开发 编辑:程序博客网 时间:2024/04/30 21:45
:target
是CSS里一个非常有趣的伪选择器。它在CSS里发生效力的过程是这样的:当浏览器地址里的hash(地址里#号后面的部分)和:target
伪选择器指定的ID匹配上时,它的样式就会在这个ID元素上生效。让我们看一看这个:target
伪选择器是如何起作用的:
观看演示
HTML代码
下面的两个HTML元素上我们都指定了ID:
<h2 id="section1">Section 1</h2><h2 id="section2">Section 2</h2>
注意上面元素的ID值,当:target
指定的ID和window.location.hash
值一致时,伪选择器的样式将会生效。
CSS代码
:target
伪选择器可以配合CSS类、网页标记和任何其它CSS选择器使用:
/* would apply to all targetted elements */:target {color: #000;}/* applies to H2's */h2:target {color: #f00;}
当window.location.hash
是”section2″时,ID为”section2″的元素将会变红,并显示下划线。简单吧!很像使用了CSS动画技术,你甚至可以在这种效果上做出动画。
观看演示
:target
非常有趣,但我们还没有发现多少人使用这种技术。其实,如果不是太注重动态效果,使用这种浏览器原生技术来修饰你的应用是不错的选择。
0 0
- CSS里的:target伪选择器
- Css的伪元素选择器
- CSS的伪类选择器
- HTML5新增的Css选择器、伪类
- css伪类选择器的使用
- css选择器-伪类选择器
- css组合选择器、伪选择器
- CSS伪类选择器
- CSS-伪类选择器
- CSS 伪选择器
- CSS选择器&伪类
- CSS-伪类选择器
- CSS伪类选择器
- CSS伪类选择器
- CSS伪元素选择器
- CSS伪类选择器
- CSS伪类选择器
- CSS-伪类选择器
- Linux 网络编程——网络字节序、地址转换
- 黑马程序员_java基础自学2
- 2015年第六周项目一:深复制体验(2)
- 【c语言】有人用温度计测量出用华氏法表示的温度(如64F),今要求把它转换为一摄氏法表示的温度(如17.8C)
- C数组实现矩阵的转置
- CSS里的:target伪选择器
- Fresco(各种特效)——圆角
- iOS音频播放 (三):AudioFileStream
- Java虚拟机值对象访问以及如何使用对象的引用(2)
- 珍惜现在,感恩生活(多重背包)
- Eclipse中常用的快捷键
- (七)Spark源码理解之TaskScheduler----part1
- 关于系统键盘上的编辑框的一系列问题
- 评论与点赞