HAML yuvalama etiketler

Question

Bu

<h1>Admin Menu <small>logged in as: something</small></h1> 

Ama bir hata atmadan görüntülenmesini sağlamanın tek yolu onları koyuyor gibi bir şey almak için yuva bu

%h1 Admin Menu 
    %small logged in as: #{session[:username]} 

çalışıyorum aynı seviyede çıktılar Hangi

%h1 Admin Menu 
    %small logged in as: #{session[:username]} 

ki:

<h1>Admin Menu</h1> 
<small>logged in as: something</small> 

Bu probby aptalca bir şeydir ama bunun neden işe yaramayacağını bilmiyorum.

Answer 1

Haml sadece satır içi iç içe sağlar. Yani bunu yapabilirsiniz:

%h1 Admin Menu 

veya bu:

%h1 
    Admin Menu 
    %small logged in as: #{session[:username]} 

ancak bu:

%h1 Admin Menu 
    %small logged in as: #{session[:username]} 

ilk form gerçekten uygun bir kısaltma olarak düşünülmelidir.

%li 
    One 
%li 
    Two 
%li 
    Three 

ve sadece söylemek:

%li One 
%li Two 
%li Three 

Answer 2

Denemeye çalışmıyorum, ancak aşağıdaki çalışma sizin için uygun değil mi? iç içe olacak her şey satır içi ise

%h1 
    Admin Menu 
    %small logged in as: #{session[:username]} 

Answer 3

diğer hile şudur böyle bir şey alabilir böylece mevcut.

%h1 
    Admin Menu 
    .small{ style: 'font-size: smaller;' } 
     logged in as: 
     = session[:username] 

Belirtebileceğiniz bu şekilde: Geçen 2 satır

Answer 4

-etiket "küçük" içeride işlenecek Yoksa, tıpkı hile yapmak basit css kullanabilirsiniz çünkü

%h1 
    Admin Menu 
    %small 
    logged in as: 
    =session[:username] 

diğer nitelikler veya yazı tipinin belirli boyutu.