레일 LINK_TO CSS의 ID 허용하지 CSS는

Question

내가 레일 가이드에 루비에 왔으며 한 변경은 같은 CSS의 ID를 가지고있는 LINK_TO 년대 쓸 지정 : 나는 또한 시도했다

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

를 :

나는 application.css 파일에 내 CSS를 수정할 때 비록 링크 등 작품으로이 모든 잘 좋은

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

는, 변경은 ID third와 링크에 일이 없습니다. 여백 값을 변경하려고 할 때 링크가 움직이지 않습니다.

왜 CSS 변경 사항이 표시되지 않는 이유가 무엇입니까?

여기

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

Answer 1

그 이유의 몇 가지가있을 수 있습니다 세 번째 ID에 대한 내 CSS는, 그리고 당신이 그것을 위해 요소를 검사 사용하는 것이 좋습니다. 몇 가지 이유가 있습니다.

1) 동일한 ID를 가진 요소가 Dom에 더있을 수 있습니다. 이 경우 id를 uniq로 만들어야합니다.

2) CSS는 다른 CSS에 의해 덮어 쓸 수 있습니다.이 요소는 inspect 요소를 통해 확인할 수 있습니다.

3) 또한 CSS를 사용하여 중요하게 적용하여 적용 할 수 있습니다.

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

4) 변경 색상 등의 다른 CSS를 적용하여보십시오. 요소가 여백 상단 -10px에 영향을주지 않을 수도 있습니다.

희망이 도움이됩니다.

Answer 2

인라인 요소는 음수 여백을 지원하지 않습니다. 대신 상대 위치를 사용하십시오 :

position: relative; 
top: -10px;