Html CSS继承未按预期工作

我有如下的html和css

    <div id="foo">
        <p> Foo text </p>
        <div id="bar">
            <p> Bar text </p>
        </div>
    </div>

---

那么CSS的目的不是要覆盖从父foo应用到子foo的样式吗？它没有这样做，我只是让父项覆盖子样式。很明显，我这里遗漏了一些重要的东西，任何帮助都会很好。

我想你可能感到困惑，或者你自己是瞎编的。：）你所做的一切都很好，我怀疑你的意图是错的。您的想法是，第一组样式应该被继承，然后被第二组样式覆盖，但是如果您查看HTML，那不是您设置的结构

您的意思是，foo的

应该有第一种样式，但第二种样式在一个
中，因此不适用。第二个p位于
中，因此将不具有针对
下元素的第一个规则

如果希望继承样式，请将
包装到
中（即使结构不好，在许多模式中也无效）


富文本
条形文本



不过，我不知道你想做什么，所以要想出好的例子来解决你的问题有点困难。：）
 我想你是糊涂了，还是把自己编码成瞎子了。：）你所做的一切都很好，我怀疑你的意图是错的。您的想法是，第一组样式应该被继承，然后被第二组样式覆盖，但是如果您查看HTML，那不是您设置的结构

您的意思是，foo的
应该有第一种样式，但第二种样式在一个
中，因此不适用。第二个p位于
中，因此将不具有针对
下元素的第一个规则

如果希望继承样式，请将
包装到
中（即使结构不好，在许多模式中也无效）


富文本
条形文本



不过，我不知道你想做什么，所以要想出好的例子来解决你的问题有点困难。：）
 看，克里斯，你误解了CSS选择器及其继承性

没有什么比这篇演讲更能说明这一点了

克里斯，看，你误解了CSS选择器及其继承

没有什么比这篇演讲更能说明这一点了

除非我误解了你的问题，否则我觉得这个问题很好：你的具体问题是什么？在#bar p中，填充、颜色和字体大小必须完全不同。这是不起作用的吗？如果你期望其他样式（如边距、字体系列等）也被重置，那么你就错了，你需要说：边距：为此继承。是的，你能澄清什么不起作用吗？CSS中规则的重写与父/子元素关系无关。除非我误解了你的问题，这对我来说似乎很好：你的具体问题是什么？在#bar p中，填充、颜色和字体大小必须完全不同。这是不起作用的吗？如果您希望其他样式（即边距、字体系列等）也被重置，那么您就错了，您需要说：边距：继承，你能澄清一下什么没有按预期工作吗？CSS中规则的覆盖与父/子元素关系无关。我完全不明白你的目的是什么，但我们也不知道他是什么意思：）我会密切关注对话！我完全不明白你的目的是什么，但我们也不知道他是什么意思：）我会密切关注对话！
    #foo p {
    text-align:left;
    font-family: helvetica, verdana, sans;
    font-size: 14px;
    color: #000000;
    padding: 10px 10px 10px 10px;
    margin: 0px 0px 0px 0px;
    }
    #bar p {
    font-size: 12px;
    color: #ffffff;
    padding: 0px 0px 0px 0px;
    }

<div id="foo">
        <p> Foo text 
        <div id="bar">
            <p> Bar text </p>
        </div>
    </p>
</div>