1. <output id="wnoop"><sup id="wnoop"></sup></output>
    2. <td id="wnoop"><menuitem id="wnoop"></menuitem></td><output id="wnoop"></output>

      45fan.com - 路饭网

      搜索: 您的位置主页 > 电脑频道 > 电脑教程 > 阅读资讯使用dw中css选择器nthchild的步骤

      使用dw中css选择器nthchild的步骤

      2018-08-12 15:15:22 来源:www.5810432.com

      使用dw中css选择器nthchild的步骤

      CSS3中选择器:nth-child()该怎么使用呢下面我们就来看看:nth-child()选择器的使用方法

      1在新建的html文件中建立几个相同的标签比如建立几个p标签如图所示

      使用dw中css选择器nthchild的步骤

      使用dw中css选择器nthchild的步骤

      2p:nth-child(){}冒号前面是需要加属性的对象后面的小括号内填写数值需要对第几个p标签添加属性就输入数字几大括号内是需要对其添加的属性设置

      使用dw中css选择器nthchild的步骤

      3比如将第二个p背景颜色设置为红色第四个p背景设置为绿色

      p:nth-child(2){background-color:red;}

      p:nth-child(4){background-color:green;}

      使用dw中css选择器nthchild的步骤

      4在浏览器中预览查看效果

      使用dw中css选择器nthchild的步骤

      5如果内容有父集的存在如图所示

      使用dw中css选择器nthchild的步骤

      6那么在添加属性设置时可以添加div+空格+属性名称如图所示代表意思是div中的第几个p标签

      使用dw中css选择器nthchild的步骤

      以上就是Dreamweaver中nthchild选择器的使用方法希望大家喜欢请继续关注路饭

       

      本文地址
      Tags css 选择器 nthchild
      编辑路饭网
      关于我们 | 联系我们 | 友情链接 | 网站地图 | Sitemap | App | 返回顶部
      ״Ԫˮ̳

        1. <output id="wnoop"><sup id="wnoop"></sup></output>
        2. <td id="wnoop"><menuitem id="wnoop"></menuitem></td><output id="wnoop"></output>

            1. <output id="wnoop"><sup id="wnoop"></sup></output>
            2. <td id="wnoop"><menuitem id="wnoop"></menuitem></td><output id="wnoop"></output>