链接文本而不改变文本的颜色为蓝色

我使用HAML显示用户名和昵称（在单行格式）的下方观察链接文本而不改变文本的颜色为蓝色

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

它是如何看起来像在网络上

enter image description here

如何让整行上面的点击在网上，但同时保留文本的颜色？（即“某用户名”文本可以像“昵称”链接，但保留它的颜色灰色）

来源

2012-02-02 Zhen

你的代码看起来像相同的行为它混合了Haml和erb，你确定这是真正的代码吗？ – matt 2012-02-02 21:39:35

这是一个有点旧，代码发布似乎有点奇怪，但我会刚刚发布一个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

来源

2012-02-25 05:23:38 xkickflip

链接文本而不改变文本的颜色为蓝色

回答

相关问题