嵌套的div应该有2种不同的css样式

我有两个嵌套的div，两个都有

#x{
width:400px;
height:400px;
background-color:#fff;
color:#000
}

#y{
width:200px;
height:200px;
background-color:#000;
color:#ccc;
}


<div id="y"><div id="x">Here lies a x value</div></div>

我希望x和y具有单独的css属性，但事实并非如此，x覆盖y值

谢谢你的帮助

谢谢 琴

---

此外，当您将div标识为x时，它将采用您在x中确定的属性。

！由于您的两个声明具有相同的特殊性，所以CSS中最后一个声明是值得尊重的。要增加内部目标的特异性，请尝试：

#y #x{
width:400;
height:400px;
background-color:#fff;
color:#000
}

#y{
width:200;
height:200px;
background-color:#000;
color:#ccc;
}

---

它们确实有各自的属性。只是嵌套的x div位于y div的前面，所以y div被遮挡了。尝试添加溢出：隐藏；到y，您将看到它将x约束到它的封装外形。

您有两个y类。这就是您的意图吗？抱歉，编辑了x和YY。您的嵌套div比父项宽。@kyle是的，我需要两个框，每个框都有不同的样式。您的宽度声明缺少维度：width:200px会做得更好。我知道它需要x的属性，但我希望div有单独的属性，这可能吗？是的，只需在CSS中设置它，这就是它的用途。你说得对，如果你想有更多不同的样式，例如边框，那么告诉x或y有一个边框，它会，但另一个不会。你需要告诉嵌套div你想要的每一个不同的东西，或者据我所知，它将从大多数属性的父级继承。我怀疑说明性与它有什么关系。ID为x的一个div的声明永远不会应用于ID为y的另一个div，不计算继承的情况，就像color属性的情况一样，但IMHO是针对维度的问题不是针对边框或维度，而是针对颜色。假设y中有不透明度，div设置为。但我不想改变透明度x@Jean：在这种情况下，请遵循GraphicsDiven的方法或更改CSS声明的顺序。后一个会用相同的特定性覆盖前一个。-1是新的，不是吗？我想知道为什么，因为答案至少解释了为什么颜色不同。白色div背景与白色页面背景混合在一起。尝试将边框应用于x以查看其边界。或者将页面背景更改为黄色。您还可以将顶部和左侧边距应用于x，以查看y中的一些曝光。下面是一个示例：正如您将看到的，y在x后面保持其样式

#y #x{
width:400;
height:400px;
background-color:#fff;
color:#000
}

#y{
width:200;
height:200px;
background-color:#000;
color:#ccc;
}