そのため、現在、ナビゲーション リンクには左側に境界線があるため、最初のリンクに境界線がないようにする方法があるかどうか疑問に思っていました (不均一になります)。画像を見てください:スクリーンショット
class: .noborder {border:0;} を作成してから追加しようとしましたが、機能しませんでした
助けてくれてありがとう
そのため、現在、ナビゲーション リンクには左側に境界線があるため、最初のリンクに境界線がないようにする方法があるかどうか疑問に思っていました (不均一になります)。画像を見てください:スクリーンショット
class: .noborder {border:0;} を作成してから追加しようとしましたが、機能しませんでした
助けてくれてありがとう
これは、border: 0; を使用して簡単に修正できます。明らかに、正しい要素に割り当てていないだけで機能します。
<div id="nav">
<ul>
<li class="nodec"><a href="#">Home</a></li>
<li><a href="#">Websites</a></li>
</ul>
</div>
#nav ul li {
border-left: 1px solid #fff;
}
.nodec {
border-left: 0px;
}
他のすべての書式設定 (パディング、色、マージン) を追加すると、問題なく機能します。ただし、もう 1 つ: Web サイトのカラー スキーマについて調べてください。Google で検索すると、このテーマに関する記事がたくさん見つかります。また、Adobe Color Kuler (http://kuler.adobe.com/) もチェックしてください。参考になりそうな内容です。
margin:0;を設定する必要があるかもしれません。. 関連する css を投稿に追加することで、簡単に支援できます。
クラスはそれだけなので、おそらく機能しません。値の後に!importantを追加することができます。.noborder {border:0 !important;}
または、たとえば、より正確にすること ができ.noborder > a {border:0;}
ます。htmlによっては、より良い答えを得るために、htmlとcssの両方を送信することをお勧めします。