간단한 형태로 글꼴 크기를 변경하는 방법

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> 

"Remove Note"레이블을 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