Rails的LINK_TO CSS ID不允許CSS改變

Question

我一直在Ruby on Rails的指導和規定寫的link_to的有一個CSS ID爲：

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

我也試過：

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

這是一切都很好的鏈接的作品等等，雖然當我修改我的CSS在application.css文件，沒有變化發生在ID爲third的鏈接。我試圖改變邊際值，當我這樣做時，鏈接不會移動。

爲什麼沒有顯示css更改的任何原因？

這裏是我的第三個ID

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

Answer 1

可能有幾個原因是什麼的CSS，我建議你使用該檢查元素。一些原因是。

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;