0

ナビゲーションリンクの1つだけでパディングを無効にする方法を理解しようとしています。

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

このコードでは、ナビゲーションテキストの右側に15ピクセルのパディングが配置されていますが、最後のナビゲーションリンクでは、中央に配置されたテキストと不均一であるため、パディングは使用しません。

私はこのようなことを試しました：

.nopad {
padding: 0;
}

次に、これを私のリンクに追加します。

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

うまくいかないようです。

助けていただければ幸いです。ありがとう

4

2 に答える 2

2

パディングに変更：#nav ul li.nopad { padding: 0!important; }
これにより、継承されたCSSパディングが上書きさ れ

ます。padding:0;padding:0 !important;

于 2012-04-10T17:25:14.217 に答える
1

これを追加

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

他のプロパティがオーバーライドしています。

CSSの特異性についてもっと知りたい場合は、これを読んでください：http: //coding.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/

于 2012-04-10T17:23:36.753 に答える