2012-02-02 185 views
0

我使用HAML顯示用戶名和暱稱(在單行格式)的下方觀察鏈接文本而不改變文本的顏色爲藍色

//haml code 
%div.name 
    <%= user.name %>/
    %a.nickname{:href => '#!/<%= user.nickname %>'} <%= user.nickname %> 

它是如何看起來像在網絡上

enter image description here

如何讓整行上面的點擊在網上,但同時保留文本的顏色? (即「某用戶名」文本可以像「暱稱」鏈接,但保留它的顏色灰色)

+0

你的代碼看起來像相同的行爲它混合了Haml和erb,你確定這是真正的代碼嗎? – matt 2012-02-02 21:39:35

回答

1

這是一個有點舊,代碼發佈似乎有點奇怪,但我會剛剛發佈一個Haml片段和回答這個問題對於我既沒有片斷Rails的helper

.name 
    = link_to user.name, "#!/#{user.name}", :class => 'username' 
/
    = link_to user.nickname, "#!/#{user.nickname}", :class => 'nickname' 

或不

.name 
    %a.username{:href => "#!/#{user.name}"} 
    = user.name 
/
    %a.nickname{:href => "#!/#{user.nickname}"} 
    = user.nickname 

如果你使用的Sass包括這個或這些規則的一些子集關閉hoverable下劃線同時更換# 999與你用於常規文字的顏色無關。如果您想爲每一個不同的行爲打破他們分成不同的規則集

的名稱的兩片

.name 
    .username, .nickname 
    a:link, a:visited, a:hover, a:active, a:focus 
     :color #AAA  
     :text-decoration none 

或指定不同的行爲,爲每個

.name 
    .username 
    a:link, a:visited, a:hover, a:active, a:focus 
     :color #AAA  
     :text-decoration none 
    .nickname 
    a:link, a:visited, a:hover, a:active, a:focus 
     :color #00A  
     :text-decoration underline