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

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

使用span與class並使用該類設置font-size。

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

CSS：

.largeFont 
{ 
    font-size : 30px; 
} 

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