您现在的位置是：网站首页> 编程资料编程资料

关于div与>div的区别小结DIV+CSS 清除浮动常用方法总结CSS教程之div垂直居中的多种方法Divxdra1031.Dll图片溢出div问题的快速解决方法推荐如何让一个div居于页面正中间【实现方法】css三种方法实现div在浏览器水平居中一个div在浏览器水平居中的实现方法div+CSS制作类似微信对话气泡效果的实例总结两个div叠加触发事件发生闪烁问题的解决方法

2023-10-22 273人已围观

简介 下面小编就为大家带来一篇关于div与>div的区别小结。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

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

示例代码如下：

XML/HTML Code复制内容到剪贴板
  1. >  
  2.   
  3. <html lang="en" xmlns="http://www.w3.org/1999/xhtml">  
  4. <head>  
  5.     <meta charset="utf-8" />  
  6.     <script src="jquery-1.7.2.min.js">script>  
  7.     <title>title>  
  8.     <script>  
  9.         $(document).ready(function () {   
  10.             $("div span").css("font-size", "20px");   
  11.             //$("div>span").css("font-size","20px");   
  12.         });   
  13.       
  14.     script>  
  15. head>  
  16. <body>  
  17.     <div>  
  18.         <p><span>博客园1span>p>  
  19.         <span>博客园2span>  
  20.         <span>博客园3span>  
  21.     div>  
  22. body>  
  23. html>  

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

XML/HTML Code复制内容到剪贴板
  1. >  
  2.   
  3. <html lang="en" xmlns="http://www.w3.org/1999/xhtml">  
  4. <head>  
  5.     <meta charset="utf-8" />  
  6.     <script src="jquery-1.7.2.min.js">script>  
  7.     <title>title>  
  8.     <script>  
  9.         $(document).ready(function () {   
  10.             //$("div span").css("font-size", "20px");   
  11.             $("div>span").css("font-size","20px");   
  12.         });   
  13.       
  14.     script>  
  15. head>  
  16. <body>  
  17.     <div>  
  18.         <p><span>博客园1span>p>  
  19.         <span>博客园2span>  
  20.         <span>博客园3span>  
  21.     div>  
  22. body>  
  23. html>  

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

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

原文地址：http://www.cnblogs.com/JsonZhangAA/archive/2016/05/04/5457918.html

相关内容

点击排行

本栏推荐

猜你喜欢

-六神源码网