ruby-on-rails - ruby on rails中不同链接的不同css

Question

我使用脚手架生成了一个基本的玩具应用程序，其中包含以下链接

    <td><%= link_to image_tag("show.png"), note%><%= link_to 'Show', note %></td>

所以图像和文本都是指向同一页面的链接。a 的基本 css 附带

  &:hover {
    color: #fff;
    background-color: #000;
  }

我试图找到一种方法将其保留为文本部分，但将其删除为图像链接，但我找不到方法

有任何想法吗？

Answer 1

您可以为图像链接分配一个类（例如“图标”）：

<%= link_to image_tag("show.png"), note, :class => 'icon' %>
<%= link_to 'Show', note %>

然后:hover将图像链接的 CSS 与尚未分配类的文本链接分开声明：

a {
  &.icon {
    &:hover {
      /* declarations here */
    }
  }
}

无论如何，对于不同类型的图像链接，您可能会有不同的样式。