CSS Padding Right

Question

탐색 링크 중 하나에서만 패딩 권한을 해제하는 방법을 알아 내려고합니다.

#nav ul li { 
display: inline; 
padding-right: 15px; 
} 

그 코드는 내 중심 텍스트 고르지 때문에 맨 마지막 탐색 링크, 나는 패딩이 없다 싶어, 탐색 텍스트의 오른쪽 패딩의 15 픽셀을 넣습니다.

나는 이런 식으로 뭔가를 시도 :

.nopad { 
padding: 0; 
} 

그런 다음 내 링크에 이것을 추가 :

<li class="nopad"><a href="#">Home</a></li> 

작동하지 않습니다.

도움을 주시면 대단히 감사하겠습니다. 감사

Answer 1

변경이 :

당신이 CSS 특이성에 대한 자세한 내용을 알고 싶다면이 읽을 #nav ul li.nopad { padding: 0!important; }
이 방금 변경할 수있는 상속 CSS 패딩 그렇지

우선합니다 padding:0;에 padding:0 !important;

Answer 2

이

#nav ul li.nopad { padding: 0; } 

다른 속성을 오버라이드 (override)되어 추가합니다. 패딩에 http://coding.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/