65 lines
1.4 KiB
HTML
65 lines
1.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>选择器</title>
|
|
|
|
|
|
<style>
|
|
/* 选择器 { css代码 } */
|
|
/* div {
|
|
color: salmon;
|
|
} */
|
|
|
|
/* 00- 基础选择器 */
|
|
|
|
/* 标签选择器 */
|
|
/* 标签名 { css代码 } */
|
|
/* div {
|
|
color: salmon;
|
|
} */
|
|
|
|
|
|
/* 类选择器 | class选择器 */
|
|
/* .class名 { css代码 } */
|
|
/* .app {
|
|
color: salmon;
|
|
} */
|
|
|
|
|
|
/* id选择器 */
|
|
/* #id名 { css代码 } */
|
|
/* #divid {
|
|
color: salmon;
|
|
} */
|
|
|
|
|
|
/* 通配符选择器 */
|
|
/* * {
|
|
color: salmon;
|
|
} */
|
|
|
|
</style>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
<p><span>【第五章】</span> 天地不仁,以万物为刍狗,圣人不仁,以百姓为刍狗。天地之间,其犹橐龠
|
|
|
|
乎,虚而不屈,动而愈出。多言数,穷,不如守中。 〖译文〗</p>
|
|
|
|
<!-- No.1
|
|
行内样式
|
|
范围: 当前标签
|
|
-->
|
|
<div class="app app2" id="divid">
|
|
【第五章】天地不仁,以万物为刍狗,圣人不仁,以百姓为刍狗。天地之间,其犹橐龠
|
|
|
|
乎,虚而不屈,动而愈出。多言数穷,不如守中。 〖译文〗
|
|
</div>
|
|
</body>
|
|
|
|
</html> |