答：第n個孩子選擇衝突與另一個

-1

我已經使用:nth-child一個列表元素 - li:nthchild(2)在講座「一」。在屬於另一個類（class =「two」）的頁面上有另一個列表元素，類「one」的css應用於類「two」的列表元素。答：第n個孩子選擇衝突與另一個

這是第一個列表元素的CSS」

.one li:nth-child(2){ 

    position: absolute; 

    width: 80% !important; 

    background-color: orange; 

    color: #FFF; 

    -webkit-border-radius: 2px; 

    -moz-border-radius: 2px; 

    border-radius: 2px; 
}

這是類二：

.two li:nth-child(2) { 
float: left; 
margin: 0 5px 5px 0 !important; 
display: block; 
list-style: none; 
border: none; 
background: none; 
}

我不想類‘兩節’繼承的CSS可以任何一個告訴我如何使css只適用於該類別，而不會影響其他人？

謝謝！

來源

2013-11-29 Netizen

發表你的CSS .. – techfoobar

你好樂高Stormtroopr，我已經編輯了問題，添加的代碼。 – Netizen

@ boltclocks-a-unicorn你能告訴我，除了「Off-topic」標籤外還應該做些什麼？ – Netizen

好像ul.two是一個孩子的ul.oneli內。

要解決此問題，修改CSS這樣的：

.one > li:nth-child(2) { 
    ... 
}

應該這樣做。

來源

2013-11-29 06:03:34 techfoobar

這解決了這個問題。感謝您的親切幫助！ – Netizen

答：第n個孩子選擇衝突與另一個

回答

相關問題