forked from easychen/stack-roadmap
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy path65-CSS选择器.html
181 lines (158 loc) · 25.1 KB
/
65-CSS选择器.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
<!DOCTYPE HTML>
<html lang="zh-cn" class="sidebar-visible no-js light">
<head>
<!-- Book generated using mdBook -->
<meta charset="UTF-8">
<title>CSS选择器 - 方糖全栈路线图</title>
<!-- Custom HTML head -->
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="theme-color" content="#ffffff" />
<link rel="icon" href="favicon.svg">
<link rel="shortcut icon" href="favicon.png">
<link rel="stylesheet" href="css/variables.css">
<link rel="stylesheet" href="css/general.css">
<link rel="stylesheet" href="css/chrome.css">
<link rel="stylesheet" href="css/print.css" media="print">
<!-- Fonts -->
<link rel="stylesheet" href="FontAwesome/css/font-awesome.css">
<link rel="stylesheet" href="fonts/fonts.css">
<!-- Highlight.js Stylesheets -->
<link rel="stylesheet" href="highlight.css">
<link rel="stylesheet" href="tomorrow-night.css">
<link rel="stylesheet" href="ayu-highlight.css">
<!-- Custom theme stylesheets -->
</head>
<body>
<!-- Provide site root to javascript -->
<script type="text/javascript">
var path_to_root = "";
var default_theme = window.matchMedia("(prefers-color-scheme: dark)").matches ? "navy" : "light";
</script>
<!-- Work around some values being stored in localStorage wrapped in quotes -->
<script type="text/javascript">
try {
var theme = localStorage.getItem('mdbook-theme');
var sidebar = localStorage.getItem('mdbook-sidebar');
if (theme.startsWith('"') && theme.endsWith('"')) {
localStorage.setItem('mdbook-theme', theme.slice(1, theme.length - 1));
}
if (sidebar.startsWith('"') && sidebar.endsWith('"')) {
localStorage.setItem('mdbook-sidebar', sidebar.slice(1, sidebar.length - 1));
}
} catch (e) { }
</script>
<!-- Set the theme before any content is loaded, prevents flash -->
<script type="text/javascript">
var theme;
try { theme = localStorage.getItem('mdbook-theme'); } catch(e) { }
if (theme === null || theme === undefined) { theme = default_theme; }
var html = document.querySelector('html');
html.classList.remove('no-js')
html.classList.remove('light')
html.classList.add(theme);
html.classList.add('js');
</script>
<!-- Hide / unhide sidebar before it is displayed -->
<script type="text/javascript">
var html = document.querySelector('html');
var sidebar = 'hidden';
if (document.body.clientWidth >= 1080) {
try { sidebar = localStorage.getItem('mdbook-sidebar'); } catch(e) { }
sidebar = sidebar || 'visible';
}
html.classList.remove('sidebar-visible');
html.classList.add("sidebar-" + sidebar);
</script>
<nav id="sidebar" class="sidebar" aria-label="Table of contents">
<div class="sidebar-scrollbox">
<ol class="chapter"><li class="chapter-item expanded "><a href="index.html"><strong aria-hidden="true">1.</strong> README</a></li><li class="chapter-item expanded affix "><li class="part-title">课程介绍</li><li class="chapter-item expanded "><a href="1-每日学习资料内容简介.html"><strong aria-hidden="true">2.</strong> 每日学习资料内容简介</a></li><li class="chapter-item expanded "><a href="2-计算机早期历史.html"><strong aria-hidden="true">3.</strong> 计算机早期历史</a></li><li class="chapter-item expanded "><a href="3-电子计算机的发展史.html"><strong aria-hidden="true">4.</strong> 电子计算机的发展史</a></li><li class="chapter-item expanded "><a href="4-布尔逻辑与逻辑门.html"><strong aria-hidden="true">5.</strong> 布尔逻辑与逻辑门</a></li><li class="chapter-item expanded "><a href="5-二进制.html"><strong aria-hidden="true">6.</strong> 二进制</a></li><li class="chapter-item expanded "><a href="6-算术逻辑单元（ALU）.html"><strong aria-hidden="true">7.</strong> 算术逻辑单元（ALU）</a></li><li class="chapter-item expanded "><a href="7-寄存器和内存.html"><strong aria-hidden="true">8.</strong> 寄存器和内存</a></li><li class="chapter-item expanded "><a href="8-中央处理器（CPU）.html"><strong aria-hidden="true">9.</strong> 中央处理器（CPU）</a></li><li class="chapter-item expanded "><a href="9-指令和程序.html"><strong aria-hidden="true">10.</strong> 指令和程序</a></li><li class="chapter-item expanded "><a href="10-CPU进阶.html"><strong aria-hidden="true">11.</strong> CPU进阶</a></li><li class="chapter-item expanded "><a href="11-早期计算机编程方式.html"><strong aria-hidden="true">12.</strong> 早期计算机编程方式</a></li><li class="chapter-item expanded "><a href="12-编程语言发展史.html"><strong aria-hidden="true">13.</strong> 编程语言发展史</a></li><li class="chapter-item expanded "><a href="13-编程基础-语句和函数.html"><strong aria-hidden="true">14.</strong> 编程基础-语句和函数</a></li><li class="chapter-item expanded "><a href="14-算法入门.html"><strong aria-hidden="true">15.</strong> 算法入门</a></li><li class="chapter-item expanded "><a href="15-数据结构.html"><strong aria-hidden="true">16.</strong> 数据结构</a></li><li class="chapter-item expanded "><a href="16-软件工程.html"><strong aria-hidden="true">17.</strong> 软件工程</a></li><li class="chapter-item expanded "><a href="17-集成电路与摩尔定律.html"><strong aria-hidden="true">18.</strong> 集成电路与摩尔定律</a></li><li class="chapter-item expanded "><a href="18-操作系统.html"><strong aria-hidden="true">19.</strong> 操作系统</a></li><li class="chapter-item expanded "><a href="19-内存和储存介质.html"><strong aria-hidden="true">20.</strong> 内存和储存介质</a></li><li class="chapter-item expanded "><a href="20-文件系统.html"><strong aria-hidden="true">21.</strong> 文件系统</a></li><li class="chapter-item expanded "><a href="21-命令行界面.html"><strong aria-hidden="true">22.</strong> 命令行界面</a></li><li class="chapter-item expanded "><a href="22-计算机网络.html"><strong aria-hidden="true">23.</strong> 计算机网络</a></li><li class="chapter-item expanded "><a href="23-互联网.html"><strong aria-hidden="true">24.</strong> 互联网</a></li><li class="chapter-item expanded "><a href="24-万维网.html"><strong aria-hidden="true">25.</strong> 万维网</a></li><li class="chapter-item expanded "><a href="25-电影：网络战士.html"><strong aria-hidden="true">26.</strong> 电影：网络战士</a></li><li class="chapter-item expanded "><a href="26-软件思维和软件的分类.html"><strong aria-hidden="true">27.</strong> 软件思维和软件的分类</a></li><li class="chapter-item expanded "><a href="27-一个全平台应用的诞生.html"><strong aria-hidden="true">28.</strong> 一个全平台应用的诞生</a></li><li class="chapter-item expanded "><a href="28-精益流程.html"><strong aria-hidden="true">29.</strong> 精益流程</a></li><li class="chapter-item expanded "><a href="29-福利单词项目简介.html"><strong aria-hidden="true">30.</strong> 福利单词项目简介</a></li><li class="chapter-item expanded "><a href="30-商业模式画布.html"><strong aria-hidden="true">31.</strong> 商业模式画布</a></li><li class="chapter-item expanded "><a href="31-用户画像.html"><strong aria-hidden="true">32.</strong> 用户画像</a></li><li class="chapter-item expanded "><a href="32-画像→场景→功能和分期.html"><strong aria-hidden="true">33.</strong> 画像→场景→功能和分期</a></li><li class="chapter-item expanded "><a href="33-什么是好的商业设计.html"><strong aria-hidden="true">34.</strong> 什么是好的商业设计</a></li><li class="chapter-item expanded "><a href="34-人人能用的四大原则.html"><strong aria-hidden="true">35.</strong> 人人能用的四大原则</a></li><li class="chapter-item expanded "><a href="35-通过购买、组合、上色设计独创Logo.html"><strong aria-hidden="true">36.</strong> 通过购买、组合、上色设计独创Logo</a></li><li class="chapter-item expanded "><a href="36-使用AdobeXd设计界面.html"><strong aria-hidden="true">37.</strong> 使用AdobeXd设计界面</a></li><li class="chapter-item expanded "><a href="37-个人支付解决方案.html"><strong aria-hidden="true">38.</strong> 个人支付解决方案</a></li><li class="chapter-item expanded "><a href="38-使用「兔小巢」处理用户反馈.html"><strong aria-hidden="true">39.</strong> 使用「兔小巢」处理用户反馈</a></li><li class="chapter-item expanded "><a href="39-AARRR漏斗和增长优化.html"><strong aria-hidden="true">40.</strong> AARRR漏斗和增长优化</a></li><li class="chapter-item expanded "><a href="40-概览部分小结.html"><strong aria-hidden="true">41.</strong> 概览部分小结</a></li><li class="chapter-item expanded "><a href="41-技术通识课.html"><strong aria-hidden="true">42.</strong> 技术通识课</a></li><li class="chapter-item expanded "><a href="42-HTTP概述.html"><strong aria-hidden="true">43.</strong> HTTP概述</a></li><li class="chapter-item expanded "><a href="43-HTTP的发展.html"><strong aria-hidden="true">44.</strong> HTTP的发展</a></li><li class="chapter-item expanded "><a href="44-HTTP消息.html"><strong aria-hidden="true">45.</strong> HTTP消息</a></li><li class="chapter-item expanded "><a href="45-典型的HTTP会话.html"><strong aria-hidden="true">46.</strong> 典型的HTTP会话</a></li><li class="chapter-item expanded "><a href="46-Basic认证.html"><strong aria-hidden="true">47.</strong> Basic认证</a></li><li class="chapter-item expanded "><a href="47-什么是HTML.html"><strong aria-hidden="true">48.</strong> 什么是HTML</a></li><li class="chapter-item expanded "><a href="48-Head标签.html"><strong aria-hidden="true">49.</strong> Head标签</a></li><li class="chapter-item expanded "><a href="49-文本基础.html"><strong aria-hidden="true">50.</strong> 文本基础</a></li><li class="chapter-item expanded "><a href="50-超链接.html"><strong aria-hidden="true">51.</strong> 超链接</a></li><li class="chapter-item expanded "><a href="51-高阶文本格式.html"><strong aria-hidden="true">52.</strong> 高阶文本格式</a></li><li class="chapter-item expanded "><a href="52-文档和网站架构.html"><strong aria-hidden="true">53.</strong> 文档和网站架构</a></li><li class="chapter-item expanded "><a href="53-HTML调试.html"><strong aria-hidden="true">54.</strong> HTML调试</a></li><li class="chapter-item expanded "><a href="54-图片.html"><strong aria-hidden="true">55.</strong> 图片</a></li><li class="chapter-item expanded "><a href="55-视频和音频内容.html"><strong aria-hidden="true">56.</strong> 视频和音频内容</a></li><li class="chapter-item expanded "><a href="56-对象和iframe.html"><strong aria-hidden="true">57.</strong> 对象和iframe</a></li><li class="chapter-item expanded "><a href="57-矢量图.html"><strong aria-hidden="true">58.</strong> 矢量图</a></li><li class="chapter-item expanded "><a href="58-响应式图片.html"><strong aria-hidden="true">59.</strong> 响应式图片</a></li><li class="chapter-item expanded "><a href="59-表格.html"><strong aria-hidden="true">60.</strong> 表格</a></li><li class="chapter-item expanded "><a href="60-表格进阶.html"><strong aria-hidden="true">61.</strong> 表格进阶</a></li><li class="chapter-item expanded "><a href="61-什么是CSS.html"><strong aria-hidden="true">62.</strong> 什么是CSS</a></li><li class="chapter-item expanded "><a href="62-如何构建CSS.html"><strong aria-hidden="true">63.</strong> 如何构建CSS</a></li><li class="chapter-item expanded "><a href="63-CSS如何运行.html"><strong aria-hidden="true">64.</strong> CSS如何运行</a></li><li class="chapter-item expanded "><a href="64-层叠与继承.html"><strong aria-hidden="true">65.</strong> 层叠与继承</a></li><li class="chapter-item expanded "><a href="65-CSS选择器.html" class="active"><strong aria-hidden="true">66.</strong> CSS选择器</a></li><li class="chapter-item expanded "><a href="66-盒模型.html"><strong aria-hidden="true">67.</strong> 盒模型</a></li><li class="chapter-item expanded "><a href="67-背景与边框.html"><strong aria-hidden="true">68.</strong> 背景与边框</a></li><li class="chapter-item expanded "><a href="68-内容溢出.html"><strong aria-hidden="true">69.</strong> 内容溢出</a></li><li class="chapter-item expanded "><a href="69-值和单位.html"><strong aria-hidden="true">70.</strong> 值和单位</a></li><li class="chapter-item expanded "><a href="70-调整大小.html"><strong aria-hidden="true">71.</strong> 调整大小</a></li><li class="chapter-item expanded "><a href="71-图像、媒体和表单.html"><strong aria-hidden="true">72.</strong> 图像、媒体和表单</a></li><li class="chapter-item expanded "><a href="72-表格样式.html"><strong aria-hidden="true">73.</strong> 表格样式</a></li><li class="chapter-item expanded "><a href="73-调试CSS.html"><strong aria-hidden="true">74.</strong> 调试CSS</a></li><li class="chapter-item expanded "><a href="74-文本样式.html"><strong aria-hidden="true">75.</strong> 文本样式</a></li><li class="chapter-item expanded "><a href="75-列表样式.html"><strong aria-hidden="true">76.</strong> 列表样式</a></li><li class="chapter-item expanded "><a href="76-链接样式.html"><strong aria-hidden="true">77.</strong> 链接样式</a></li><li class="chapter-item expanded "><a href="77-Web字体.html"><strong aria-hidden="true">78.</strong> Web字体</a></li><li class="chapter-item expanded "><a href="78-布局简介.html"><strong aria-hidden="true">79.</strong> 布局简介</a></li><li class="chapter-item expanded "><a href="79-正常布局流.html"><strong aria-hidden="true">80.</strong> 正常布局流</a></li><li class="chapter-item expanded "><a href="80-弹性区块.html"><strong aria-hidden="true">81.</strong> 弹性区块</a></li><li class="chapter-item expanded "><a href="81-网格.html"><strong aria-hidden="true">82.</strong> 网格</a></li><li class="chapter-item expanded "><a href="82-浮动.html"><strong aria-hidden="true">83.</strong> 浮动</a></li><li class="chapter-item expanded "><a href="83-定位.html"><strong aria-hidden="true">84.</strong> 定位</a></li><li class="chapter-item expanded "><a href="84-多栏式布局.html"><strong aria-hidden="true">85.</strong> 多栏式布局</a></li><li class="chapter-item expanded "><a href="85-响应式布局.html"><strong aria-hidden="true">86.</strong> 响应式布局</a></li><li class="chapter-item expanded "><a href="86-媒体查询.html"><strong aria-hidden="true">87.</strong> 媒体查询</a></li><li class="chapter-item expanded "><a href="87-什么是JavaScript.html"><strong aria-hidden="true">88.</strong> 什么是JavaScript</a></li><li class="chapter-item expanded "><a href="88-变量是什么.html"><strong aria-hidden="true">89.</strong> 变量是什么</a></li><li class="chapter-item expanded "><a href="89-数字与运算符.html"><strong aria-hidden="true">90.</strong> 数字与运算符</a></li><li class="chapter-item expanded "><a href="90-字符串.html"><strong aria-hidden="true">91.</strong> 字符串</a></li><li class="chapter-item expanded "><a href="91-字符串方法.html"><strong aria-hidden="true">92.</strong> 字符串方法</a></li><li class="chapter-item expanded "><a href="92-数组.html"><strong aria-hidden="true">93.</strong> 数组</a></li><li class="chapter-item expanded "><a href="93-条件语句.html"><strong aria-hidden="true">94.</strong> 条件语句</a></li><li class="chapter-item expanded "><a href="94-循环语句.html"><strong aria-hidden="true">95.</strong> 循环语句</a></li><li class="chapter-item expanded "><a href="95-函数.html"><strong aria-hidden="true">96.</strong> 函数</a></li><li class="chapter-item expanded "><a href="96-创建函数.html"><strong aria-hidden="true">97.</strong> 创建函数</a></li><li class="chapter-item expanded "><a href="97-函数返回值.html"><strong aria-hidden="true">98.</strong> 函数返回值</a></li><li class="chapter-item expanded "><a href="98-事件介绍.html"><strong aria-hidden="true">99.</strong> 事件介绍</a></li><li class="chapter-item expanded "><a href="99-对象概念.html"><strong aria-hidden="true">100.</strong> 对象概念</a></li><li class="chapter-item expanded "><a href="100-对象原型.html"><strong aria-hidden="true">101.</strong> 对象原型</a></li><li class="chapter-item expanded "><a href="101-OOP基本概念.html"><strong aria-hidden="true">102.</strong> OOP基本概念</a></li><li class="chapter-item expanded "><a href="102-类.html"><strong aria-hidden="true">103.</strong> 类</a></li><li class="chapter-item expanded "><a href="103-使用JSON数据.html"><strong aria-hidden="true">104.</strong> 使用JSON数据</a></li><li class="chapter-item expanded "><a href="104-对象实战.html"><strong aria-hidden="true">105.</strong> 对象实战</a></li><li class="chapter-item expanded "><a href="105-异步JavaScript简介.html"><strong aria-hidden="true">106.</strong> 异步JavaScript简介</a></li><li class="chapter-item expanded "><a href="106-Promise.html"><strong aria-hidden="true">107.</strong> Promise</a></li><li class="chapter-item expanded "><a href="107-实现基于Promise的API.html"><strong aria-hidden="true">108.</strong> 实现基于Promise的API</a></li><li class="chapter-item expanded "><a href="108-worker简介.html"><strong aria-hidden="true">109.</strong> worker简介</a></li><li class="chapter-item expanded "><a href="109-文档操作.html"><strong aria-hidden="true">110.</strong> 文档操作</a></li><li class="chapter-item expanded "><a href="110-你的第一个表单.html"><strong aria-hidden="true">111.</strong> 你的第一个表单</a></li><li class="chapter-item expanded "><a href="111-构造Web表单.html"><strong aria-hidden="true">112.</strong> 构造Web表单</a></li><li class="chapter-item expanded "><a href="112-原生表单控件.html"><strong aria-hidden="true">113.</strong> 原生表单控件</a></li><li class="chapter-item expanded "><a href="113-input类型.html"><strong aria-hidden="true">114.</strong> input类型</a></li><li class="chapter-item expanded "><a href="114-其他表单控件.html"><strong aria-hidden="true">115.</strong> 其他表单控件</a></li><li class="chapter-item expanded "><a href="115-Web表单样式.html"><strong aria-hidden="true">116.</strong> Web表单样式</a></li><li class="chapter-item expanded "><a href="116-高级表单样式.html"><strong aria-hidden="true">117.</strong> 高级表单样式</a></li><li class="chapter-item expanded "><a href="117-表单验证.html"><strong aria-hidden="true">118.</strong> 表单验证</a></li><li class="chapter-item expanded "><a href="118-发送表单数据.html"><strong aria-hidden="true">119.</strong> 发送表单数据</a></li></ol>
</div>
<div id="sidebar-resize-handle" class="sidebar-resize-handle"></div>
</nav>
<div id="page-wrapper" class="page-wrapper">
<div class="page">
<div id="menu-bar-hover-placeholder"></div>
<div id="menu-bar" class="menu-bar sticky bordered">
<div class="left-buttons">
<button id="sidebar-toggle" class="icon-button" type="button" title="Toggle Table of Contents" aria-label="Toggle Table of Contents" aria-controls="sidebar">
<i class="fa fa-bars"></i>
</button>
<button id="theme-toggle" class="icon-button" type="button" title="Change theme" aria-label="Change theme" aria-haspopup="true" aria-expanded="false" aria-controls="theme-list">
<i class="fa fa-paint-brush"></i>
</button>
<ul id="theme-list" class="theme-popup" aria-label="Themes" role="menu">
<li role="none"><button role="menuitem" class="theme" id="light">Light (default)</button></li>
<li role="none"><button role="menuitem" class="theme" id="rust">Rust</button></li>
<li role="none"><button role="menuitem" class="theme" id="coal">Coal</button></li>
<li role="none"><button role="menuitem" class="theme" id="navy">Navy</button></li>
<li role="none"><button role="menuitem" class="theme" id="ayu">Ayu</button></li>
</ul>
<button id="search-toggle" class="icon-button" type="button" title="Search. (Shortkey: s)" aria-label="Toggle Searchbar" aria-expanded="false" aria-keyshortcuts="S" aria-controls="searchbar">
<i class="fa fa-search"></i>
</button>
</div>
<h1 class="menu-title">方糖全栈路线图</h1>
<div class="right-buttons">
<a href="print.html" title="Print this book" aria-label="Print this book">
<i id="print-button" class="fa fa-print"></i>
</a>
</div>
</div>
<div id="search-wrapper" class="hidden">
<form id="searchbar-outer" class="searchbar-outer">
<input type="search" id="searchbar" name="searchbar" placeholder="Search this book ..." aria-controls="searchresults-outer" aria-describedby="searchresults-header">
</form>
<div id="searchresults-outer" class="searchresults-outer hidden">
<div id="searchresults-header" class="searchresults-header"></div>
<ul id="searchresults">
</ul>
</div>
</div>
<!-- Apply ARIA attributes after the sidebar and the sidebar toggle button are added to the DOM -->
<script type="text/javascript">
document.getElementById('sidebar-toggle').setAttribute('aria-expanded', sidebar === 'visible');
document.getElementById('sidebar').setAttribute('aria-hidden', sidebar !== 'visible');
Array.from(document.querySelectorAll('#sidebar a')).forEach(function(link) {
link.setAttribute('tabIndex', sidebar === 'visible' ? 0 : -1);
});
</script>
<div id="content" class="content">
<main>
<h1 id="css选择器"><a class="header" href="#css选择器">CSS选择器</a></h1>
<p>此部分内容精选自MDN，<a href="https://developer.mozilla.org/zh-CN/docs/Learn/CSS/Building_blocks/Selectors">请点此访问MDN学习</a></p>
</main>
<nav class="nav-wrapper" aria-label="Page navigation">
<!-- Mobile navigation buttons -->
<a rel="prev" href="64-层叠与继承.html" class="mobile-nav-chapters previous" title="Previous chapter" aria-label="Previous chapter" aria-keyshortcuts="Left">
<i class="fa fa-angle-left"></i>
</a>
<a rel="next" href="66-盒模型.html" class="mobile-nav-chapters next" title="Next chapter" aria-label="Next chapter" aria-keyshortcuts="Right">
<i class="fa fa-angle-right"></i>
</a>
<div style="clear: both"></div>
</nav>
</div>
</div>
<nav class="nav-wide-wrapper" aria-label="Page navigation">
<a rel="prev" href="64-层叠与继承.html" class="nav-chapters previous" title="Previous chapter" aria-label="Previous chapter" aria-keyshortcuts="Left">
<i class="fa fa-angle-left"></i>
</a>
<a rel="next" href="66-盒模型.html" class="nav-chapters next" title="Next chapter" aria-label="Next chapter" aria-keyshortcuts="Right">
<i class="fa fa-angle-right"></i>
</a>
</nav>
</div>
<script type="text/javascript">
window.playground_copyable = true;
</script>
<script src="elasticlunr.min.js" type="text/javascript" charset="utf-8"></script>
<script src="mark.min.js" type="text/javascript" charset="utf-8"></script>
<script src="searcher.js" type="text/javascript" charset="utf-8"></script>
<script src="clipboard.min.js" type="text/javascript" charset="utf-8"></script>
<script src="highlight.js" type="text/javascript" charset="utf-8"></script>
<script src="book.js" type="text/javascript" charset="utf-8"></script>
<!-- Custom JS scripts -->
</body>
</html>