刷新 jQuery 中的元素样式答案

【问题标题】：Refreshing element styles in jQuery刷新 jQuery 中的元素样式
【发布时间】：2017-07-03 07:31:30
【问题描述】：

在我的 JavaScript 中，我像这样动态地将元素附加到 div：

$('.class-name').after('<p class="foo">Hello World!</p>')

在我的 CSS 中，我有这样的东西：

p .foo {
    color: green;
}

当我测试它时，新的段落元素出现了，但文本保持黑色。这是文档没有读取“p”元素的类的情况吗？还是“foo”类不适用于生成的元素？

【问题讨论】：

【解决方案1】：

这应该是你的风格：

p.foo {
   color: green;
}

删除“p”和“foo”之间的空格。

【讨论】：

【解决方案2】：

尝试在段落标签和类之间不留空格。

p.foo {
    color: green;
}

它是具有类的段落，没有具有类'foo'的嵌套元素。

【讨论】：

【解决方案3】：

您的规则定义略有偏差。你所拥有的是“在 p 元素内的类 foo 的元素”。

你的意思是元素是 p 元素并具有类 foo，即

p.foo { color: green; }

【讨论】：