Как передать свойства CSS элементам, полученным из $ .ajax ()?

Question

Я загрузил HTML-код с другой страницы через $.ajax:

<script type="text/javascript">
    $(function() {
        $.ajax({
            url: '/getInfo',
            context: $('#contentBox'),
            success: function(data) {
                $(this).html(data);
            }
        });
    });

 </script>

 <style type="text/css">
     #makeMeRed {color: red !important;}
 </style>

 <div id="contentBox"></div>

Код загружает этот HTML-код в div с идентификатором contentBox:

<p id="makeMeRed">I'm supposed to be red.</p>

Однако абзац не красный. Как я могу дать элементы, загруженные через свойства Ajax CSS?

---

Если говорить точнее, jQuery Mobile CSS не рендерит в HTML, который я извлек из Ajax: http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css

Answer 1

Ваша разметка является недопустимой

<style="text/css"> 

должна быть

<style type="text/css">

В противном случае правила CSS должны применяться к HTML, загружаемому через AJAX.

---

Обновление - Советы по отладке непревзойденного CSS:

• Используйте инспектор элементов, чтобы найти, какие правила соответствуют beign.
• Проверьте разметкуэто то, что вы ожидали после того, как потянули его AJAX.
• Убедитесь, что в новой разметке нет встроенных стилей или других тегов <style>, которые могут конфликтовать.