详解:兄弟们,这个不懂,li嵌套,我懂再写哈

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>counters</title>
	<style type="text/css">
	ol{
		counter-reset: chapter;
	}
	li:before{
		counter-increment: chapter 1;
		content:counters(chapter,'.');
	}
	</style>
</head>
<body>
<ol>
	<li>item
		<ol>
			<li>item
				<ol>
					<li>item</li>
					<li>item</li>
					<li>item</li>
					<li>item</li>
				</ol>
			</li>
		</ol>
	</li>
	<li>item
		<ol>
			<li>item
				<ol>
					<li>item</li>
					<li>item</li>
					<li>item</li>
					<li>item</li>
				</ol>
			</li>
		</ol>
	</li>	<li>item</li>
	<li>item</li>
</ol>

</body>
</html>

在这里插入图片描述
俺的问题?
俺搞不清一行四个哪里,为什么一行四个中第三个为1为什么?
俺理解的是兄弟元素第二是也就是
在这里插入图片描述
这里为什么第三个为1列为1啊,不是说兄弟元素这里应该为2吗?兄弟们,怎么办?俺真的不懂,以后懂在写把

原创文章 107 获赞 14 访问量 1352

猜你喜欢

转载自blog.csdn.net/qq_37805832/article/details/105802998