2-10.html

来自「一些css样式表的例子供大家学习和参考。」· HTML 代码 · 共 48 行

HTML

48 行

<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>

2-10.html - 源码说明

本页面展示了「一些css样式表的例子供大家学习和参考。」中的 2-10.html 源码文件，采用 HTML 编程语言编写，共 48 行代码。您可以在线阅读完整代码内容，也可以返回资源详情页下载完整源码包进行本地学习和开发。

虫虫下载站收录了大量与css相关的技术资源，包括源代码、技术文档、电路图等，是电子工程师和嵌入式开发者的专业学习平台。

⌨️ 快捷键说明

复制代码Ctrl + C

搜索代码Ctrl + F

全屏模式F11

增大字号Ctrl + =

减小字号Ctrl + -

显示快捷键?