刷新jQuery中的元素样式

Question

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

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

在我的CSS中，我有类似的东西：

p .foo {
    color: green;
}

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

Answer 1

这应该是你的风格：

p.foo {
   color: green;
}

删除＆＃34; p＆＃34;之间的空格。和＆＃34; foo＆＃34;。

Answer 2

尝试没有段落标记和类之间的空格。

p.foo {
    color: green;
}

它是包含该类的段落，没有嵌套元素和类＃foo＆＃39;。

Answer 3

您的规则定义略有偏差。你所拥有的是＆＃34;属于f元素的类foo的元素＆＃34;。

你的意思是p元素和foo类的元素，即

p.foo { color: green; }