ajax 读取的HTML片段中，如果有CSS样式表则不解释，怎么解决？

test.html 页面<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
function getXMLHttpRequest() {
    var request = false;
    try {
        request = new XMLHttpRequest();
    } catch (trymicrosoft) {
        try {
            request = new ActiveXObject("Msxml2.XMLHTTP");
        } catch (othermicrosoft) {
            try {
                request = new ActiveXObject("Microsoft.XMLHTTP");
            } catch (failed) {
                request = false;
            }
        }
    }
    return request;
}function insertHtml() {
  
    var xmlhttp = getXMLHttpRequest();
    if (!xmlhttp) return;
    xmlhttp.open("get",  "my.html" , true);
    xmlhttp.onreadystatechange = function() {
        if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
            document.getElementById("container").innerHTML = xmlhttp.responseText;
        }
    };
    xmlhttp.send(null);
} </script>
</head>
<body><div id="container"></div><input type="button" value="载入HTML片段" onclick="insertHtml()"/></body>
</html>
my.html 页面 <style type="text/css">
.d { color:red; }
</style><span class="d">我是于娜</span>