Html 相同命名表单字段上的css

所以我在一个页面上有多个表单（不知道有多少，由php在一个数组中创建）。每个字段都很简单，包含许多字段，每个字段都有一个

name='fieldname'

现在在CSS中，我有：

form.sidemenu输入[name=fieldname]{width:40px；}

这在表单的第一个实例上运行良好，但对其余表单中的相应字段没有任何影响。我现在尝试在每个输入字段中用特定的类替换它（

input name='fieldname'class='fieldname'

…），并替换了

form.sidemenu input.fieldname{width:40px；}

，但在后续的表单中仍然没有成功，尽管第一个表单工作得很好

这是在Chrome Canary和OSX Lion上的Safari，两者的行为相同

我知道这不是一件完全愚蠢的事情（比如在表单上遗漏了类），因为（1）这是一个由php循环生成的表单，所以它们都是一样的，（2）CSS在表单的第一个实例上工作得很好，但在随后的实例上却一点也不工作…

HTML:

<form>
    <input type="text" class="fieldname" id="name"/>
    <input type="text" class="fieldname" id="and_So_on"/>
</form>

或您可以尝试将表单放入

DIV

中，如：
CSS:

div.sidemenu输入{
宽度：40px；
}

HTML:

<div id="sidemenu">
    <form>
        <input type="text" class="fieldname" id="name"/>
        <input type="text" class="fieldname" id="and_So_on"/>
    </form>
</div>

---

是这样的吗？现在，它将应用于整个页面上带有

class=“fieldname”

的所有元素。但这只是为了调试，值得一试。

请分享您的markupWild猜测：其他表单没有

class=sidemenu

。您必须为我们中的任何人提供代码帮助。感谢编辑Nikola。我还在学习：）