CSS：將子項與父類相關聯

這裏是一個基本的場景（我沒有這樣做來專門對齊文本，但是div裏面有很多其他的東西，所以不要告訴我這是不是對齊文本最合適的方式是：D我對這裏的原則更感興趣）;CSS：將子項與父類相關聯

<div id="1" class="mydivclass"> 
    <p>The first div</p> 
    <div id="2" class="mydivclass"> 
    <p>The second div</p> 
    <div id="3" class="mydivclass"> 
     <p>The third div</p> 
    </div> 
    </div> 
</div>

用css，我可以讓div的與孩子的div（一個div內一個div）使用相同的類來他們在頁面上定位自我，相對於它的父？所以我想從上面我的輸出看起來像這樣：

The first div 
    The second div 
    The third div

我想知道如果我可以，以及如何如果是這樣，實現這一目標使用CSS？例如，你可以使用類似下面的內容來填充每個子div比父像素多10個像素，以提供上述結果嗎？

.mydivclass { 
    padding-left: 10px; 
}

因此，通過在每個div上嵌套相同的CSS類，它們會緩慢增加它們的水平對齊。

來源

2012-08-13 jwbensley

你的意思是這樣的組合position:relative;和left是這樣的嗎？ http://jsfiddle.net/EUTPB/

來源

2012-08-13 14:42:22

啊是的，相對位置，我知道我知道答案，只是不記得，謝謝！ :) – jwbensley 2012-08-13 16:47:43

不是沒有使用表達式，只有IE支持。要做你想做的事情，你必須使用諸如position:relative和left之類的東西。

來源

2012-08-13 14:45:17

這是嚴重的問題嗎？顯然你可以，如果你真的嘗試一下。這裏是你的行爲代碼：https://dl.dropbox.com/u/73603348/nesting.html

來源

2012-08-13 14:46:00 wavetree

CSS：將子項與父類相關聯

回答

相關問題