CSS：我如何縮進一個文本區域而不是另一個文本區域？

Question

我試圖縮進這整個形式：

<%= form_for([micropost, micropost.comments.build], :html => { :id => "blah_form" }) do |f| %> 

     <div class="field"> 
      <p2>Who are you?</p2> 
      <%= f.text_field :commenter %> 
     </div> 
     <div class="field"> 
      <p2>What deal are you offering?</p2> 
      <%= f.text_area :body %> 
     </div> 
     <div class="actions"> 
      <%= f.submit "Submit"%> 
     </div> 
     <% end %> 

，但我不想以這種形式縮進這個其他文本區域：

<%= form_for(@micropost) do |f| %> 
     <%= render 'shared/error_messages', object: f.object %> 
     <div class="field"> 
     <%= f.text_area :content, placeholder: "What's something else you want to buy?" %> 
     </div> 
     <%= f.submit "Post", class: "btn btn-large btn-primary" %> 
    <% end %> 

現在我的CSS文件說：

#blah_form input, textarea, b4 {margin-left:80px} 

Answer 1

#blah_form input, textarea, b4 {margin-left:80px} 

是三個單獨的聲明，試試這個，而不是你的CSS本地化到該窗體

#blah_form input, 
#blah_form textarea, 
#blah_form b4 
    {margin-left:80px} 

或可能創建一個縮進類：

.indent { 
    margin-left:80px; 
} 

，可以在需要縮進​​的所有元素中。你可以讓這個類更智能一些，以便將縮進應用到特定的嵌套元素，例如

.indent > div { 
    margin-left:80px; 
} 

（不會工作在IE6）這話說的margin-left適用於那些div的.indent的所有直接子女。

Answer 2

添加另一個階級圍繞textarea的股利並用它來去除利潤率左

EG。

<div class="field no-indent"> 

而在你的CSS：

.no-indent textarea { margin-left:0 } 

而且你的CSS

#blah_form input, textarea, b4 {margin-left:80px} 

正在申請中#blah_form和所有的textarea的和B4的（我想你的意思是任何輸入類b4，在這種情況下它應該是.b4）