html - LI不遵守祖先的填充

Question

我的 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”对齐的原因可能是什么？

Answer 1

看起来您正在将填充应用到您的父容器，而不是您的project-list.

此外，由于您使用的是reset.css，因此您需要ul{padding:0}使用更具体的声明来覆盖 。

尝试：

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

另外，请仔细检查您的 CSS 文件是否被调用reset.css