1

margin-left:20px;Web ページの真ん中にある箇条書きのリストを 20 ピクセル内側に微調整するために使用しようとしています。

<li>• Service level agreements to match your needs from next business day response to a two hour fix</li>
<li>• 24x7x365 service coverage</li>
<li>• Dedicated client management and UK based service des</li>
<li>• Network of fully qualified engineers and strategic stock locations</li>

にスタイルを追加することでこれを行っていますがli、これは完全に機能しますが<li>、ウェブサイトの上部にあるナビゲーション バーでも使用しているため、スタイルliを設定することで、ナビゲーション バーが 20 ピクセル上に移動します。

私は自分のリストの周りを使用<span>...</span>してそれにスタイルを追加しようとしましたが、これはトップラインのみを微調整し、残りは微調整しません.

この種のことは、リストを簡単に微調整する方法を持つという点を無効にするため、すべてにclassまたはを追加したくありませんでした。ID<li>

前もって感謝します

4

4 に答える 4

0

ids または classes を追加したくない場合は、スタイルをすべての li に適用し、CSS スタイルシートの最後の行で navbar の li からナッジを削除できます。

li {
 margin-left: 20px;
}

nav li {
 margin-left: 0px;
}
于 2013-09-04T09:59:47.007 に答える
0

これを行う別の方法として、余分なクラスを持ちたくないことが確実な場合は、移動するリストを具体的にターゲットにして、それを含む要素 (利用可能な場合) をターゲットにすることです。

例: HTML

<nav>
  <ul><li>...</li></ul>
</nav>

<div class="middleContent">
  <ul><li>...</li></ul>
</div>

CSS

.middleContent ul{ margin-left: 20px; }

これは、nav タグの UL を無視し、.middleContent DIV 内の UL (または UL) のみをターゲットにします。

于 2013-09-04T10:03:12.020 に答える