删除/更改表单

Question

我努力删除或更改表单中元素的属性。

这是我的HTML：

   <div class="tab_nav_wrapper">
    <form method="#" action="#">
        <input name="task" type="hidden" value="task1" >
        <input class="tab_nav_button" type="submit" value="Button1" >
    </form>
    <form method="#" action="#">
        <input name="task" type="hidden" value="task2" >
        <input class="tab_nav_button" type="submit" value="Button2" >
    </form>
    <form method="#" action="#">
        <input name="task" type="hidden" value="task3" >
        <input class="tab_nav_button" type="submit" value="Button3" >
    </form>
</div>

<div class="tab_nav_wrapper">
    <form method="#" action="#">
        <input name="task" type="hidden" value="task1" >
        <input class="tab_nav_button" type="submit" value="Button1" >
    </form>
    <form method="#" action="#">
        <input name="task" type="hidden" value="task2" >
        <input class="tab_nav_button" type="submit" value="Button2" >
    </form>
    <form method="#" action="#">
        <input name="task" type="hidden" value="task3" >
        <input class="tab_nav_button" type="submit" value="Button3" >
    </form>
</div>

我的css：

input[type=submit].tab_nav_button {
  min-width        : 72px;
  height           : 36px;
  margin-left      : 2px;
  color            : rgb(255, 255, 255);
  border           : none;
  background-color : blue;
  text-transform   : uppercase;
}

我想在包装器（.tab_nav_wrapper）中的每个第一个input.tab_nav_button上删除margin-left

我尝试使用类似第一个孩子选择器的东西......但没有成功。 我不想为第一个元素使用不同的类。

谢谢！