如何在rails和css上使用ruby添加下划线？

Question

我正在使用 ruby​​ on rails 并且我对该语言不是很熟悉。我想做的事情相当简单。我有一个语言切换栏，允许用户选择他们可以使用的语言查看网站。

我想在选择语言时给它加下划线。但我不确定如何添加类或跨度，以便我可以在其中一种语言下划线（底部边框）。

这是我的代码：

<div class="language">
        <% if @language == :fr %>
            <%= link_to 'English', language_path(language: :en)  %>
            <span>|</span>
          French
      <% else %>
        English |
        <%= link_to 'French', language_path(language: :fr)  %>
      <% end %>
</div>

有人可以帮帮我吗？当我选择“语言”类时，它会完全强调“英语|法语”，而我真正想要的只是强调当前选择的语言。所以要么要么，要么，不能两者兼而有之。

Answer 1

将活动语言放入自己的跨度并在那里设置样式

<div class="language">
    <% if @language == :fr %>
      <%= link_to 'English', language_path(language: :en)  %>
      <span>|</span>
      <span class="selected">French</span>
    <% else %>
      <span class="selected">English</span>
      <span>|</span>
      <%= link_to 'French', language_path(language: :fr)  %>
    <% end %>
</div>

CSS：

.language > .selected {
  text-decoration: underline;
}

您可能还需要将生成的锚标记设置为具有text-decoration: none; 的样式，因为默认情况下它们可能带有下划线（无论如何这是一种好的做法）。无论如何，不​​要为此使用border-bottom。

说了这么多，我认为您需要尽可能清楚地说明当前未选择的语言是一个锚标记。当人们看到下划线时，他们倾向于认为带下划线的东西是一个链接。相反，没有下划线的 ARE 链接构成令人惊讶的行为。