李不遵守祖先的填充

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;
  }

另外，请仔细检查在reset.css

之后是否正在调用您的CSS文件