html页面使用选择器

1.遇到几个li，设置其中一个li的左边距该如何设置？

第一种情况：页面的li不是动态生成的，直接在该li上设置margin-left即可

第二种情况：li是动态生成的：结构如下

<div class="pro7">
      <ul>
          <a href="#"><li >镍铬钼球墨无限冷硬（离心）</li></a>
          <a href="#"><li  >高镍铬钼无限冷硬离心复合</li></a>
          <a href="#"><li >珠光体</li></a>
          <a href="#"><li >贝氏体球墨离心复合轧辊</li></a>
          <a href="#"><li  >高速钢辊</li></a>
          <a href="#"><li  >合金半钢轧辊</li></a>
          <a href="#"><li  >复合金属材料导卫板</li></a>
     </ul>
</div>

方法一：p:first-child    选择属于父元素的第一个子元素的每个 <p> 元素。

.pro7>ul>a:first-child li{
         margin-left: 0px;
}

方法二：p:nth-child(2)  选择属于其父元素的第二个子元素的每个 <p> 元素。

.pro7>ul>a:nth-child(4) li{
    margin-left: 0px;
 }

 

2.如果遇到使用margin-top时，距离不是相对于父容器时设置父容器浮动即可生效。