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：将子项与父类相关联

回答

相关问题