2012-04-10 19 views
0

私は、ナビゲーションリンクのうちの1つだけでパディング - ライトを無効にする方法を解明しようとしています。CSS Padding Right

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

このコードは、ナビゲーションテキスト、しかし、非常に最後のナビゲーションリンクの右側にパディングの15ピクセルを置き、それは私の中心にテキストを持つ不均一であるので、私は、何のパディングを持たないようにしたいです。

私はこのような何かを試してみました:

.nopad { 
padding: 0; 
} 

はその後、私のリンクにこれを追加する:

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

動作するようには思えません。

大歓迎です。 おかげ

答えて

2

変更、それは:

あなたはCSSの特異性についての詳細をお知りになりたい場合は、これを読ん#nav ul li.nopad { padding: 0!important; }
これはあなただけで変更される可能性が継承されたCSSのパディングエルス

を上書きしますpadding:0;padding:0 !important;

+0

ここで重要なことについてもっと知ることができます:http://webdesign.about.com/od/css/f/blcssfaqimportn.htm – Chris

1

この

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

その他のプロパティは、それをオーバーライドしている追加します。パディングへhttp://coding.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/

+0

なぜオーバーライドされているのか説明したいと思うかもしれません。 –

+0

クラスがli項目に適用されているため、上書きされています。 li ulの項目がより具体的なので、その項目のために特別に定義されたクラスが優先されます – Chris