如何僅在link_to鏈接的一部分上更改CSS？

Question

如果我有一個<%= link_to "BlueBottles" %> ，我該如何僅更改CSS的一部分，例如將前四個字母設置為藍色？

單獨的鏈接看起來不正確，恐怕我在正確的方法上做不到。 在此先感謝您的幫助！

Answer 1

由於您使用的是Rails輔助程序，因此您會遇到類似這樣的情況（請記住用適當的Rails路由替換your_path ）：

<%= link_to content_tag(:b, 'Blue') + 'Bottles', your_path %>

然后是您的CSS，就像Bastian Rang的答案一樣：

a > b {
  color: blue;
}

編輯：根據Bastian Rang的建議，將:em更改為:b 。

Answer 2

如果您以下鏈接

<a href="http://www.stackoverflow.com">BlueBottles</a>

您可以將其更改為

<a href="http://www.stackoverflow.com"><b>Blue</b>Bottles</a>

並在CSS中設置a > b {color:blue}的樣式

可以使用em ， strong甚至i來代替B元素

Answer 3

link_to有一個塊形式，我認為這是您要使用它的情況：

<%= link_to your_path do %>
  <span class='special_anchor_part'>Blue</span>Bottles
<% end %>

然后css：

.special_anchor_part{ color:blue; }