排除只有一個元素的CSS屬性

Question

我有一個默認的CSS文件的頁面。在該頁面中，我有：

<ul> 
    <li>A1</li> 
    <li>A2</li> 
</ul> 
<br> 

<ul> 
    <li>B1</li> 
    <li>B2</li> 
</ul> 
<br> 

<ul> 
    <li>C1</li> 
    <li>C2</li> 
</ul> 
<br> 

我可以查看默認的CSS，但我不能修改

ul { 
    paddind-left:15px; 
} 

我想要做的是排除只從默認的CSS B1和B2。 A和C仍應具有默認屬性，但B1和B2應具有PADDING-LEFT:0PX;。

我已經使用(cssreset-min.css)但所有的CSS都被刪除了。任何幫助？

Answer 1

給父UL一個新的類：

<ul> 
    <li>A1</li> 
    <li>A2</li> 
</ul> 
<ul class="newClass"> 
    <li>B1</li> 
    <li>B2</li> 
</ul> 
<ul> 
    <li>C1</li> 
    <li>C2</li> 
</ul> 

然後做：

ul.newClass { 
    paddind-left:0px; 
} 

這將在所有的瀏覽器。如果你不關心這一點，請使用@Andy答案。如果你想申請這個3 list..simply名爲div的使用不同的ID爲B1，B2 ....但如果你想申請一個巨大的名單就很難

Answer 2

如果我理解正確，ul li:nth-child(3), ul li:nth-child(4) { padding-left: 0; }應該工作

的第n個孩子選擇目標特定的孩子，在這種情況下，第三和第四

編輯：看到您的編輯後，新的代碼，你將需要做的是：（我將使用的#container的名稱爲您的包含分區，不管它是什麼）

#container ul:nth-child(2) li { padding-left: 0; }

Answer 3

Answer 4

你可以嘗試是這樣的：

http://jsfiddle.net/4X62Y/

Answer 5

這裏的另一種解決方案，無需更改HTML：

ul:not(:nth-child(3)) { 
    padding-left:15px; 
} 

Example

這可能不適用於所有瀏覽器，您需要更改HTML並使用@Alex Thomas提供的答案。