CSS计数器

CSS计数器,第1张

概述CSS计数器

下面是内存溢出 jb51.cc 通过网络收集整理的代码片段。

内存溢出小编现在分享给大家,也给大家做个参考。

<!DOCTYPE HTML><HTML lang="zh-CN"><head>	<Meta charset="UTF-8">	<Title>CSS Counter</Title>	<style type="text/CSS">	HTML {    	color: #444;    	Font: 16px/1.6 文泉驿微米黑,"WenQuanYi Zen Hei",微软雅黑,"Microsoft YaHei";	}	ul {		List-style: none;		padding-left: 3em;	}	.menu {		counter-reset: chapter;	}	.menu > li {		counter-increment: chapter;		counter-reset: section;	}	.menu > li:before {		content: "第" counter(chapter) "章";		padding-right: .5em;	}	.menu ul > li {		counter-increment: section;	}	.menu ul > li:before {		content: "第" counter(section) "节";		padding-right: .5em;	}	</style></head><body>	<ul >		<li>法律常识			<ul>				<li>法理学</li>				<li>行政学</li>				<li>民法</li>				<li>刑法</li>				<li>商法与经济学</li>				<li>宪法</li>				<li>选举制度</li>			</ul>		</li>		<li>政治常识			<ul>				<li>马克思主义哲学</li>				<li>邓小平理论</li>				<li>“三个代表”重要思想</li>				<li>科学发展观</li>				<li>构建社会主义和谐社会</li>			</ul>		</li>		<li>经济常识			<ul>				<li>宏观经济与微观经济</li>				<li>金融、投资、保险</li>				<li>国际经济</li>			</ul>		</li>	</ul></body></HTML>

以上是内存溢出(jb51.cc)为你收集整理的全部代码内容,希望文章能够帮你解决所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

总结

以上是内存溢出为你收集整理的CSS计数器全部内容,希望文章能够帮你解决CSS计数器所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1097070.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-28
下一篇 2022-05-28

发表评论

登录后才能评论

评论列表(0条)

保存