李不通过祖先的填充

我李恪守不通过祖先的填充设置恪守：李不通过祖先的填充

enter image description here

下面是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'的子弹调整？

来源

2013-03-25 amphibient

被称为必须有这是造成一些这方面的CSS重置。使用您拥有的整个CSS来更新您的jsFiddle。 – kyooriouskoala 2013-03-25 03:11:45

jsfiddle更新完成 – amphibient 2013-03-25 03:15:22

嗯..没有CSS重置那里。你的页面是否加载了其他一些CSS文件？请在HTML页面中提供您在''标签内编写的代码。 – kyooriouskoala 2013-03-25 03:21:59

看起来像是将填充应用于父容器，而不是您的project-list。

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

尝试：

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

此外，仔细检查你的CSS文件后reset.css

来源

2013-03-25 04:13:16 somecallmejosh

李不通过祖先的填充

回答

相关问题