📄 2-10.html
字号:
<html>
<head>
<title>父子关系</title>
<style>
<!--
.li1{
color:red;
}
.li2{
color:blue;
}
.li1 ol li{ /* 利用CSS继承关系 */
font-weight:bold; /* 粗体 */
text-decoration:underline; /* 下划线 */
}
-->
</style>
</head>
<body>
<ul>
<li class="li1">关系1
<ul>
<li>页面父子关系复杂时</li>
<li>页面父子关系复杂时</li>
<li>这里省略20个嵌套...</li>
</ul>
<ol>
<li>页面父子关系复杂时</li>
<li>页面父子关系复杂时</li>
<li>这里省略20个嵌套...</li>
</ol>
</li>
<li class="li2">关系2
<ul>
<li>页面父子关系复杂时</li>
<li>页面父子关系复杂时</li>
<li>这里省略20个嵌套...</li>
</ul>
<ol>
<li>页面父子关系复杂时</li>
<li>页面父子关系复杂时</li>
<li>这里省略20个嵌套...</li>
</ol>
</li>
</ul>
</body>
</html>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -