Link_to etiketi etiketine glif stiliyle bağlandı

Question

Raylarım uygulamasında tarzım olan glif ikonlarını kullanmaya çalışıyorum.

Simgeyi başka bir sayfaya yönlendirmek istiyorum, ancak sayfamın stili için bağlantıları özelleştirdiğim için standart önyükleme stilini kullanamıyorum.

Anahtar kelime sınıfı hatası alıyorum - nedenini biliyor mu?

Teşekkür ederiz.

benim görünümünde aşağıdaki bağlantıyı vardır:

Sen dize etrafında "kullanmak zorunda

span.glyphicon-comment { 
    vertical-align:middle; 
    margin:auto; 
    padding:10px; 
    font-size: 2em; 
    text-align: right; 
    a:link {text-decoration:none; background-color:transparent; color:grey;}; 
    a:visited {text-decoration:none;background-color:transparent; color:grey;}; 
    a:hover {text-decoration:none;background-color:transparent; color:dark grey;}; 
    a:active {text-decoration:none;background-color:transparent; color:grey;}; 
} 

Answer 1

, ayrıca yöntem html_safe çağırmanız gerekir: şöyle

<li><%= link_to <span class="glyphicon glyphicon-comment"></span>, page_path('messages') %> </li> 

Ben de css var o.

<%= link_to "<span class=\"glyphicon glyphicon-comment\"></span>".html_safe, page_path('messages') %> 

ama daha iyi ve daha temiz bir yol

olurdu eğer senin linki stil ardından

<%= link_to page_path('messages'), class: "comment_link" do %> 
    <span class="glyphicon glyphicon-comment"></span> 
<% end %> 

ve: 0

<%= link_to page_path('messages') do %> 
    <span class="glyphicon glyphicon-comment"></span> 
<% end %> 

Answer 2

Senin sorunun, bu deneyin onlar linke

olmalıdır sizin glyphicon css üzerinde a:visited {text-decoration:none; background-color:transparent; color:grey;}; ama kullanarak olmasıdır scss o zaman:

.comment_link{ 
    .glyphicon-comment{ 
    vertical-align:middle; 
    margin:auto; 
    padding:10px; 
    font-size: 2em; 
    text-align: right; 
    } 
    &:hover, &:visited, &:active{ 
    text-decoration:none; 
    background-color:transparent; 
    color:dark grey; 
    } 
}