シンプルな形でフォントサイズを変更する方法

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