两者之间的区别: 例如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的区别小结 所遇到的问题。
如果觉得 网站内容还不错, 推荐好友。