刷新 jQuery 中的元素样式

Posted 2023-05-09

【中文标题】刷新 jQuery 中的元素样式

【英文标题】：Refreshing element styles in 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;