关于div与>div的区别小结

作者：佚名字体：[增加减小] 来源：互联网时间：2017-06-02

本文主要包含关于div与>div的区别小结等相关知识,佚名希望在学习及工作中可以帮助到您

两者之间的区别：例如div span得到的是div下所有的span元素，而div>span则是取得的div下第一级的span元素。

示例代码如下：

</div>

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<script src="jquery-1.7.2.min.js"></script>
<title></title>
<script>
$(document).ready(function () {
$("div span").css("font-size", "20px");
//$("div>span").css("font-size","20px");
});
</script>
</head>
<body>
<div>
<p><span>博客园1</span></p>
<span>博客园2</span>
<span>博客园3</span>
</div>
</body>
</html>

</div> </div>

结果是所有的span元素都变为20px。

</div>

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<script src="jquery-1.7.2.min.js"></script>
<title></title>
<script>
$(document).ready(function () {
//$("div span").css("font-size", "20px");
$(&

您可能想查找下面的文章:

相关文章

2017-06-02使用CSS的overflow属性防止float撑开div的方法
2017-06-02Div设置最小宽度(有浮动元素或浏览器宽度小于1350之后)
2017-06-02ul li内容宽度的问题的解决方案
2017-06-02CSS 解决未知高度垂直居中实现代码
2017-06-02设置DIV最小高度以及高度自适应随着内容的变化而变化
2017-06-02div+css实现仿猪八戒首页导航菜单效果
2017-06-02图片上添加文字的两种常用方式
2017-08-31easyui合并列，每列大小会相等，如何处理？
2017-06-02css教程：网页中Span和Div的区别
2017-06-02div+css实现类似winxp桌面图标布局(至上而下从左往右)