我将无序四级列表margin设为0px,它为什么没到最左边去?

我将无序四级列表margin设为0px,它为什么没到最左边去?

<!DOCTYPE HTML>

<html>

<head>

<meta charset="utf-8">

<title>去点列表</title>

<style>

.sss{

color:red;

background-color: blue;

margin-left: 0px;

padding-left: 0px;

}

</style>

</head>

<body>

<ol >

<li>有序列表一</li>

<li>有序列表二

<ol class="list-unstyled " >

<li>有序二级列表一</li>

<li>有序二级列表二

<ul >

<li>无序三级列表一</li>

<li>无序三级列表二

<ul class='sss'>

<li>无序四级列表一</li>

<li>无序四级列表二</li>

</ul>

</li>

<li>无序三级列表三</li>

</ul>

</li>

</ol>

</li>

<li>有序列表三</li>

</ol>

</body>

</html>

赵日天l

浏览 1436回答 1

1回答

柠檬酸钠

因为四级列表的父元素是三级列表，所以margin为0只是和三级列表对齐，本来它和三级列表相比还有缩进的

1

0

随时随地看视频慕课网APP

相关分类

CSS3