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

示例代码如下：

XML/HTML Code 复制内容到剪贴板 <!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 >   

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

XML/HTML Code 复制内容到剪贴板 <!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 >   

结果是博客园2、博客园3字体变为20px,博客园1则未发生变化。

以上这篇关于div与>div的区别小结就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

原文地址：http://imgbuyun.weixiu-service.com/up79/202309/c32hqz0ofhz.html