.middleNav li a > span { display:block; padding-top:4px; fon

来源：学生作业帮编辑：作业帮分类：数学作业时间：2024/05/03 22:59:44

.middleNav li a > span { display:block; padding-top:4px; font-weight:bold; }
加的那个大于号是什么意思?这样写有什么作用呢?

表示对应dom元素的直接子孩子节点
如果没有大于号,空格的话,就是所有的孩子节点
再问：不太明白啊
再答：你保存这个html文件，打开就可以看到效果了，第一个span匹配，因为是直接子孩子

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>pro.html</title>
<style type="text/css">
.middleNav li a>span {
\x09display: block;
\x09padding-top: 4px;
\x09font-weight: bold;
\x09color: red;
}
</style>

</head>
<body>
\x09<div class="middleNav">
\x09\x09<ul>
\x09\x09\x09<li><a href="#"> <span id="span1">AbCdE</span>
\x09\x09\x09\x09\x09<div>
\x09\x09\x09\x09\x09\x09<span id="span2">ddd</span>
\x09\x09\x09\x09\x09</div> </a></li>
\x09\x09</ul>
\x09</div>
</body>
</html>

#nav li a{ color:#000; text-decoration:none; padding-top:4px a{display:block;}中display:block;是什么意思,有什么作用 css li{list-style-type:none;margin:0px; padding:0px;}为什么前面还是 * {margin:0px; padding: #nav li:hover ul,#nav li.over ul{display:block;},求讲解, CSS中的padding：3px 4px 2px 6px；表示什么? display:inline-block是什么意思 div+css中A链接转换块元素?#div nav ul li 为什么要转成display block?为什么要转成块元 li:hover ul,.over ul{display:block;}后面那个.起什么作用? padding-left:3px; *padding-left:2px; a标签 display：block；后,如何让a标签中的文字上下对齐? style.display=""与style.display="block“的区别