好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

关于div与>div的区别小结

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

示例代码如下:

XM L/HT ML Code 复制内容到剪贴板

<!DOCTY PE &nbs p; html >       < html   lang = "en"   xmlns = "http://www.w3. org /1999/xhtml" >    < head >         < meta   charset = "utf-8"   />         < script   src = " jq uery-1. 7.2 .min.js" > </ script >         < t IT le > </ title >         < script >            $(document).ready(function () {                $("div span").css("font -s ize", "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://www.cnblogs.com/JsonZhangAA/archive/2016/05/04/5457918.html

总结

以上是 为你收集整理的 关于div与>div的区别小结 全部内容,希望文章能够帮你解决 关于div与>div的区别小结 所遇到的问题。

如果觉得 网站内容还不错, 推荐好友。

查看更多关于关于div与>div的区别小结的详细内容...

  阅读:19次