如何更改一个DIV字段而不影响其他字段？

Question

小问题，我的Rails应用程序中有一个包含许多字段的表单，但所有字段名称都与表单相同？

代码：

 <div class="field">
  <%= f.label :to %>
  <%= f.text_field :to, :class => 'address-picker-input' %>
 </div>

现在对于某些字段我希望表单宽度更短，单独自定义每个字段的最佳方法是什么？

Answer 1

如果要单独自定义每个字段，请为每个字段创建一个类。但CSS的一个好处是你可以重用它。因此，您可以尝试定义某些类别的字段。

添加另一个类：

<div class="field shorter">

然后在你的CSS上：

.field.shorter {
  width: 100px;
}