刷新jQuery中的元素样式

时间:2017-02-14 20:42:27

标签: jquery html css dom element

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

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

在我的CSS中,我有类似的东西:

p .foo {
    color: green;
}

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

3 个答案:

答案 0 :(得分:2)

这应该是你的风格:

p.foo {
   color: green;
}

删除&#34; p&#34;之间的空格。和&#34; foo&#34;。

答案 1 :(得分:1)

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

p.foo {
    color: green;
}

它是包含该类的段落,没有嵌套元素和类#foo&#39;。

答案 2 :(得分:1)

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

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

p.foo { color: green; }