Rails Link_to CSS ID不允许CSS更改

Question

我已经使用rails指南上的红宝石，并指定将具有css id的link_to编写为：

<%= link_to "About", about_path, id: "third" %>

我也尝试过：

<%= link_to ("About", :id => "third"), about_path %>

这很好，因为链接有效，但是当我在application.css文件中修改我的css时，id third的链接没有发生任何变化。我正在尝试更改边距值，当我这样做时，链接不会移动。

css更改的任何原因都没有显示？

这是我的第三个ID的Css

#third { margin-top:-10px; }

Answer 1

可能有几个原因，我建议你使用inspect元素。一些原因是。

1）Dom上可能存在多个具有相同Id的元素。如果是这种情况，则需要将id设为uniq。

2）css可能被任何其他css覆盖，你可以通过inspect元素检查。

3）你也可以尝试使用你的css来强制申请。

#third {
    margin-top:-10px !important;
}

4）尝试通过应用其他css如变色等，可能是你的元素对margin-top -10px没有影响;

希望这有帮助！

Answer 2

内联元素不支持负边距。尝试使用相对位置：

position: relative;
top: -10px;