选择器的使用(target选择器)
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<style type="text/css">
a {
text-decoration:none;
}
:target {
background-color:red;
}
</style>
</head>
<body>
<p id="menu">
<a href="#text1">示例文字1</a>|
<a href="#text2">示例文字2</a>|
<a href="#text3">示例文字3</a>|
<a href="#text4">示例文字4</a>|
<a href="#text5">示例文字5</a>
</p>
<div id="text1">
<h2>示例文字1</h2>
<p>...此处略去</p>
</div>
<div id="text2">
<h2>示例文字2</h2>
<p>...此处略去</p>
</div>
<div id="text3">
<h2>示例文字3</h2>
<p>...此处略去</p>
</div>
<div id="text4">
<h2>示例文字4</h2>
<p>...此处略去</p>
</div>
<div id="text5">
<h2>示例文字5</h2>
<p>...此处略去</p>
</div>
</body>
</html>
效果如下:
最新文章
- 使用Quicktime 实现视频直播(Live video using Quicktime) (转)
- 重温WCF之流与文件传输(七)
- JS基础学习篇(一)
- cuda小白基础教程
- 类型转换异常处理java.lang.RuntimeException
- MFC通过button控制编辑框是否显示系统时间
- UVa 11134 - Fabled Rooks 优先队列,贪心 难度: 0
- 活字格Web应用平台学习笔记 8 - 查询记录
- python之tkinter使用举例-Button
- 潭州课堂25班:Ph201805201 第八课:函数基础和函数参数 (课堂笔记)
- 何凯文每日一句打卡||DAY13
- oracle的dmp数据文件的导出和导入以及创建用户
- Swift2.0语言教程之类的方法
- 对于PHP绘图技术的理解
- iOS:本地数据库sqlite的介绍
- JAVA中==与equals的区别
- BZOJ 2288 【POJ Challenge】生日礼物(贪心+优先队列)
- C++(十八) — 内存模式、堆和栈
- phpstorm利用database连接mysql数据库
- Java打包成jar