我如何風格的孩子ID基地parant的類

我不知道我是否正確解釋它，但我有一個特定類的div。在div裏面，我有一個帶有id的ul - 我正在嘗試設置ul的樣式。我如何風格的孩子ID基地parant的類

這將更好地展示它：

<div class="parent"> 
    <ul id="child"> 
      <li> 
      </li> 
    </ul> 
</div> 

<style type="text/css" media="screen"> 
.parent #child li{float:left;} 
.parent #child{margin-bottom:54px;} 
</style>

以上都不行，我不能找到這樣做的正確方法。我試過.parent > #child，但它仍然不起作用。

謝謝先進。

來源

2012-11-26 Neta Meta

如果它有一個ID，它應該是唯一的，所以沒有必要使用額外的選擇器（'.parent'）。但是，代碼應該工作，沒有什麼不對，什麼是不工作？該代碼表示將列表項留下（所以它是一個水平導航），並在'ul'的底部添加一個54像素的邊距（儘管這不會被看到，因爲'ul'對寬度的反應不好，邊距等 – Andy

是的，我知道這個ID是唯一的，但是我在幾個不同的頁面上使用相同的div，我希望它在每個頁面上看起來不同，這就是爲什麼我添加了div。以某種方式表現風格，其他方式則以另一種方式表現風格 –

你在你的頁面HEAD中是否有你的風格標籤？ –

現在定義孩子overflow:hidden

因爲這樣

.parent #child{overflow:hidden;}

Live Demo

來源

2012-11-26 10:51:05

很奇怪，它不適合我。在我的網站，非常奇怪 - 它不像有任何其他元素具有相同的ID –

@NetaMeta可以提供站點鏈接或jsfiddle在您的代碼 –

你可以在你的CSS使用ul#child這一點。基本上它會檢查你的UL的ID。我不認爲父母應該重要，因爲你只會使用一次ID。如果你想要更多地使用它，那麼把它變成一個班級。

來源

2012-11-26 10:52:00 Dorvalla

也試過了。 –

這裏是展示一對夫婦CSS樣式這個工作小提琴：

關注這個代碼，你應該是金色的。

.parent { 
    overflow:auto; 
} 
.parent #child li { 
    float:left; 
} 
.parent #child{ 
    margin-bottom:54px; 
} 


<div class="parent"> 
    <ul id="child"> 
      <li>test</li> 
      <li>test</li> 
    </ul> 
</div> 

here

來源

2012-11-26 11:06:04

我如何風格的孩子ID基地parant的類

回答

相關問題