關(guān)于div與>div的區(qū)別小結(jié)
發(fā)布時(shí)間：2016-05-04 15:41:29 作者：佚名 
我要評(píng)論
我要評(píng)論下面小編就為大家?guī)?lái)一篇關(guān)于div與>div的區(qū)別小結(jié)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
兩者之間的區(qū)別：例如div span得到的是div下所有的span元素，而div>span則是取得的div下第一級(jí)的span元素。
示例代碼如下：
XML/HTML Code復(fù)制內(nèi)容到剪貼板
- <!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>
結(jié)果是所有的span元素都變?yōu)?0px。
XML/HTML Code復(fù)制內(nèi)容到剪貼板
- <!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>
結(jié)果是博客園2、博客園3字體變?yōu)?0px,博客園1則未發(fā)生變化。
以上這篇關(guān)于div與>div的區(qū)別小結(jié)就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
原文地址：http://www.cnblogs.com/JsonZhangAA/archive/2016/05/04/5457918.html
相關(guān)文章
- 下面小編就為大家?guī)?lái)一篇DIV+CSS 清除浮動(dòng)常用方法總結(jié)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-05-06
- 這篇文章主要為大家詳細(xì)介紹了CSS教程之div垂直居中的多種方法，還包括多行文本垂直居中的方法，感興趣的小伙伴們可以參考一下2016-05-05
- Divxdra1031.Dll2016-04-30
- 圖片溢出div問(wèn)題怎么解決？下面小編就為大家?guī)?lái)一篇圖片溢出div問(wèn)題的快速解決方法推薦。希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2016-04-28
如何讓一個(gè)div居于頁(yè)面正中間【實(shí)現(xiàn)方法】
下面小編就為大家?guī)?lái)一篇如何讓一個(gè)div居于頁(yè)面正中間【實(shí)現(xiàn)方法】。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享個(gè)大家，也給大家做個(gè)參考2016-04-15css三種方法實(shí)現(xiàn)div在瀏覽器水平居中
這篇文章主要介紹了css三種實(shí)現(xiàn)div在瀏覽器水平居中的方法，感興趣的小伙伴們可以參考一下2016-04-14一個(gè)div在瀏覽器水平居中的實(shí)現(xiàn)方法
下面小編就為大家?guī)?lái)一篇一個(gè)div在瀏覽器水平居中的實(shí)現(xiàn)方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。2016-04-14div+CSS制作類(lèi)似微信對(duì)話(huà)氣泡效果的實(shí)例總結(jié)
這篇文章主要介紹了div+CSS制作類(lèi)似微信對(duì)話(huà)氣泡效果的實(shí)例總結(jié),文中總結(jié)出了四種編寫(xiě)方式,并且對(duì)三角形的繪制有一個(gè)補(bǔ)充說(shuō)明,需要的朋友可以參考下2016-04-01兩個(gè)div疊加觸發(fā)事件發(fā)生閃爍問(wèn)題的解決方法
下面小編就為大家?guī)?lái)一篇兩個(gè)div疊加觸發(fā)事件發(fā)生閃爍問(wèn)題的解決方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-05-09