• nth-child和nth-of-type的小坑


    总结:不指定标签类型时,:nth-type-of(2)会选中所有类型标签的第二个。如所有p标签的第二个 所有span标签的第二个

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <style>
            #demo{
                font-size: 24px;
                font-weight: bold;
            }
            #demo :nth-child(2){
                color: red;
            }
            #demo :nth-of-type(2){
                color: green;
            }
        </style>
    </head>
    <body>
    <div id="demo">
        <span>第1个span</span>
        <p>第一个p</p>
        <span>第2个span</span>
        <p>第二个p</p>
    </div>
    </body>
    </html>

  • 相关阅读:
    网站服务化
    网站服务化
    dubbo 服务化
    dubbo 服务化
    elk 搭建
    poj1840
    poj1840
    poj2299
    poj2299
    poj2388
  • 原文地址:https://www.cnblogs.com/threeyou/p/13461040.html
Copyright © 2020-2023  润新知