使用 AJAX 请求和注入 html 但如何将 css 应用于注入的 html？答案

【问题标题】：Using AJAX to request and inject html but what to do to get css applied to injected html?使用 AJAX 请求和注入 html 但如何将 css 应用于注入的 html？
【发布时间】：2010-11-08 13:52:18
【问题描述】：

我正在使用 jQuery AJAX 请求 html 页面，因此当有人单击菜单项时不需要刷新。但问题是，我目前正在请求没有 doctype、head 和 body 标签的 HTML 页面。只有内容（只有 h1 标签和类似的标签）。

问题在于，当我将其注入主页上的 div 时，css 不会应用于注入的内容。它确实设置了文本颜色并使 H1 成为标题，但它不应用特定的东西，如 h1:first-letter。所以我假设它只应用一般的 css 属性，比如我应用到主页正文的文本格式。

所以问题是如何使 css 应用于 AJAX 请求和注入的内容？我应该在我请求的文件中包含一个 css 文件吗？我应该在注入后使用一些 jQuery 函数来应用它吗？还是..？

提前致谢！

【问题讨论】：

不，在这种情况下会应用所有 CSS。你的问题一定有其他原因。显示代码。

标签： jquery html css ajax

【解决方案1】：

问题是，当我将其注入主页上的 div 时，css 不会应用于注入的内容。

CSS 将完全适用于注入的 HTML，就像它适用于已经存在的标签一样。如果它不起作用，则说明您的 CSS 标记存在问题。你能举一个活生生的例子吗？

【讨论】：

谢谢，正如你所说，我的 css 文件有问题。 #耻辱

【解决方案2】：

你可以为你的新内容添加一个类吗？

$('p').addClass('myClass yourClass');

http://api.jquery.com/addClass/

【讨论】：