Использование AJAX для запроса и внедрения html, но что делать, чтобы применить css к введенному html?

Question

Я использую jQuery AJAX для запроса html-страниц, поэтому при щелчке по пункту меню обновления не требуются. Но дело в том, что я сейчас запрашиваю HTML-страницы без тегов doctype, head и body ... только с контентом (только с тегами h1 и подобными).

Проблема в том, что когда я вставляю это в div на моей главной странице, css не применяется к внедренному контенту. Он устанавливает цвет текста и делает заголовок H1, но не применяет определенные вещи, такие как h1: первая буква. Поэтому я предполагаю, что он применяет только общие свойства CSS, такие как текстовый формат, который я применил к телу главной страницы.

Итак, вопрос в том, как я могу заставить CSS применяться к запрошенному и внедренному содержимому AJAX? Должен ли я включить файл CSS в файл, который я запрашиваю? Должен ли я использовать функцию jQuery, чтобы применить ее после инъекции? Или ..?

Заранее спасибо!

Answer 1

Проблема в том, что когда я вставляю это в div на моей главной странице, CSS не применяется к внедренному контенту.

CSS будет применяться к введенному HTML точно так же, какэто относится к уже существующим тегам.Если это не работает, у вас есть проблема в вашей разметке CSS.Можете ли вы показать живой пример?

Answer 2

Можете ли вы добавить класс в новый контент?

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

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