0

私の LI は祖先のパディング設定を順守していません:

ここに画像の説明を入力

HTMLは次のとおりです。

<div class="expUnit">
    <h4>Company</h4>
    <p>Lorem ipsum.</p>
    <ul class="project-list">
        <li>Line 1</li>
        <li>Line 2</li>
    </ul>
</div>

CSS:

.expUnit 
{
    line-height:17px;
    color: #444;
    border-left:1px solid #fadc66;
    padding-left:15px;
}

.expUnit .project-list li
{
    list-style-type: circle;
}

ただし、fiddleでは、インデントします。'Lorem ipsum' で弾丸の位置合わせができない理由は何ですか?

4

1 に答える 1

1

親コンテナではなく、パディングを適用しているようですproject-list。

また、 を使用しているため、より具体的な宣言でreset.cssをオーバーライドする必要があります。ul{padding:0}

試す：

.expUnit ul
  {
    padding-left:15px;
    list-style-type: circle;
  }

また、CSSファイルが呼び出されていることを再確認してくださいreset.css

于 2013-03-25T04:13:16.563 に答える