如何以簡單的形式修改字體大小

Question

<style>

.mobile_note_form2 {
    font-size: 30px;
}    

</style>

<div class="mobile_note_form2">
<fieldset>
    <%= f.date_select :created_at %><br/><br/>
  <%= f.text_area :note %><br/>
  <%= f.check_box :_destroy %>
  <%= f.label :_destroy, "Remove Note"  %>

</fieldset>
</div>

我想使用30px的字體大小來制作“刪除注釋”標簽，但似乎無法弄清楚如何以簡單的形式更改樣式。

Answer 1

對一個class使用span並使用該類設置font-size 。

<span class="largeFont" ><%= f.label :_destroy, "Remove Note"  %></span>

CSS：

.largeFont
{
   font-size : 30px;
}

從div刪除class mobile_note_form2 。 這導致所有元素的font-size : 30px