zoukankan      html  css  js  c++  java
  • div与>div区别小结

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

    示例代码如下:

    <!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元素都变为20px。

    <!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则未发生变化。

  • 相关阅读:
    python3 pyinstaller
    python3 random
    python3 turtle
    产生一个序列的所有排列组合
    蒙特卡洛算法
    lightoj 1014
    UVA11426
    nginx 配置本地https(免费证书)
    ElementUI
    Airbnb 代码规范
  • 原文地址:https://www.cnblogs.com/JsonZhangAA/p/5457918.html
Copyright © 2011-2022 走看看