如何将类添加到字符串的特定部分

Question

我的应用标题中的用户下拉菜单中有以下行。

<%= link_to "profile (#{user.notifications.count})", current_user %>

如果用户有三个通知，则应显示profile (3)。我想将profile的颜色与(3)颜色不同。

最好的方法是为两个不同的部分提供不同的类吗？如果是这样，我该怎么做呢？

Answer 1

实现这一目标的一种快捷方法是使用span，就像这样

<%= link_to raw("<span style='color: #000'>profile</span> (#{user.notifications.count})"), current_user %>

或者如果你不想插入内联CSS，就像这样

<%= link_to raw("<span class='your_profile_class'>profile</span> (#{user.notifications.count})"), current_user %>

Answer 2

您可以使用do块：

<%= link_to current_user do %>
  profile (<span class='notifications_count'><%= user.notifications.count %></span>)
<% end %>

这将在<a></a>标记内放置带有html类'.notifications_count'的范围。