.middleNav li a > span { display:block; padding-top:4px; fon
来源:学生作业帮 编辑:大师作文网作业帮 分类:数学作业 时间:2024/10/01 00:39:15
.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>
<!-- <script type="text/javascript" src="../jquery-1.8.0.min.js"></script> -->
</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>
如果没有大于号,空格的话,就是所有的孩子节点
再问: 不太明白啊
再答: 你保存这个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>
<!-- <script type="text/javascript" src="../jquery-1.8.0.min.js"></script> -->
</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“的区别