溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
今天就跟大家聊聊有關div與>div的有什么區(qū)別，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結了以下內(nèi)容，希望大家根據(jù)這篇文章可以有所收獲。
兩者之間的區(qū)別：例如div span得到的是div下所有的span元素，而div>span則是取得的div下第一級的span元素。
示例代碼如下：
XML/HTML Code復制內(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>結果是所有的span元素都變?yōu)?0px。
XML/HTML Code復制內(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>看完上述內(nèi)容，你們對div與>div的有什么區(qū)別有進一步的了解嗎？如果還想了解更多知識或者相關內(nèi)容，請關注億速云行業(yè)資訊頻道，感謝大家的支持。
免責聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權內(nèi)容。
