Html 用不同的样式格式化不同的输入

我有一个rails模板表单，其中包含以下代码：

<div class="field">
    <%= f.label :title %><br />
    <%= f.text_field :title %>
</div>
...
<div class="actions">
<%= f.submit %>
</div>

如何将这些元素与application.css文件分开设置样式？我在文件中尝试了

.text\u field{style here}

和

.field{style here}

，但没有成功

---

我基本上希望它们看起来“漂亮”，但不希望它们如此相似。

使用css属性选择器，如下所示：

input[name=item\[title\]] {
    color: red;
}

例如，根据名称选择输入（如果您没有类属性Available）

更多关于

但是，我想你想要的是：

.field input[type=text] {
    color: red;
}

或

这是css的基础

---

如果您想了解有关设置输入元素样式的更多信息，请参阅。

谢谢-编辑正是我所要求的。我知道这是最基本的，但这是我的水平！再次感谢！：）@Charliegan每个人在某个时候都处于基本水平，下次试着提出更精确的问题。您应该理解，Ruby是唯一的服务器端HTML代码生成器，其中HTML只是文档数据容器语言，CSS是管理和显示数据的方式。

input[name=item\[title\]] {
    color: red;
}

.field input[type=text] {
    color: red;
}

.actions input[type=text] {
    color: red;
}