CSS3练习之通用兄弟选择器、伪元素选择器
来源:互联网 发布:企业网络概述 编辑:程序博客网 时间:2024/06/04 08:04
点击按钮出现各图片:
<!doctype html><html><head><title>Demo</title><meta charset="utf-8"><style>.clear:after{content:"";display:block;clear:both;} #dl a{width:100px;height:20px;border:1px solid #000;background-color:#CACAC9;float:left;margin:10px;}#d2{width:600px;height:600px;border:1px solid #ddd;margin-left:10px;}#d2 img{display:none;}#d2 #img01:target,#d2 #img02:target,#d2 #img03:target,#d2 #img04:target{display:block;margin:125px auto;}</style></head><body><div id="dl" class="clear"><a href="#img01">img1</a><a href="#img02">img2</a><a href="#img03">img3</a><a href="#img04">img4</a></div><div id="d2"><img src="images/p001.jpg" id="img01"><img src="images/p002.jpg" id="img02"><img src="images/p003.jpg" id="img03"><img src="images/p004.jpg" id="img04"></div></body></html>
0 0
- CSS3练习之通用兄弟选择器、伪元素选择器
- css3之通用兄弟元素选择器
- CSS3伪元素选择器
- css3 伪元素选择器
- CSS3之伪元素选择器和伪类选择器
- CSS选择器:属性选择器+后代选择器+子元素选择器+相邻兄弟选择器+伪类+伪元素
- 14、实例 通用兄弟元素选择器
- 15、实例 通用兄弟元素选择器
- 通用兄弟元素选择器 E ~ F
- CSS3学习笔记 之 UI元素状态伪类选择器
- css3之UI元素状态伪类选择器
- CSS选择器之【伪类/元素选择器】
- css3兄弟选择器
- 兄弟元素选择器
- 详解css3系列:伪元素和伪类选择器
- css3 伪类选择器
- css3伪类选择器
- CSS3伪类选择器
- 蓝牙开发经验总结
- springMVC源码解析--ViewResolverComposite视图解析器集合(二)
- 2016年总结
- 源码分析-ConcurrentHashMap
- 程序员面试金典——解题总结: 9.12测试 12.2如何定位一个随机位置奔溃的应用
- CSS3练习之通用兄弟选择器、伪元素选择器
- network 文章总结
- Spring MVC json报406错误解决办法
- Genymotion快速下载镜像方法
- 帝国CMS几个常用缓存文件-你应该知道的
- Ajax发送请求后,将返回页面以弹出层(layer)的形式展现
- 《Named Entity Recognition in Chinese Clinical Text Using Deep Neural Network》——笔记
- Python绘制二维曲线的日常应用
- 什么是模块化,模块化开发如何实现?