李不通過祖先的填充

我李恪守不通過祖先的填充設置恪守：李不通過祖先的填充

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

李不通過祖先的填充

回答

相關問題