如何为不同的textareas设置不同的字体颜色

Question

我有两个textareas（“评论”和“观察”），我想为每个区域设置不同的字体颜色（蓝色表示评论，红色表示观察）：

HTML：

      评论：             

  <div id="Observation">
  <label for="Observation">Observation:</label>
<textarea name="observation" rows="6" style="width: 530px;" id="Obs4.19" placeholder="Enter text of observation here ..."></textarea>
  </div>

CSS：

textarea {font-family：Calibri;颜色：＃FF0000; font-size：14px;}

Answer 1

只需使用可用于识别每个textarea的内容，例如名称或ID。

textarea[name="observation"] { color: red; }
textarea[name="comment"] { color: blue; }

Answer 2

给两个人提供身份证明：

#comment {color:red;}

#observation {color:green;}

EXAMPLE