CSS未应用于Javascript创建的元素_Javascript_Jquery_Css

CSS未应用于Javascript创建的元素

javascript jquery css

CSS未应用于Javascript创建的元素,javascript,jquery,css,Javascript,Jquery,Css,我使用JQuery.html函数在页面上插入字段。这些字段有一个class属性，但看起来CSS（在页面的标题部分声明）不适用于元素我相信这只会影响类选择器，因为我有一个editZone输入选择器，工作起来很有魅力下面是一个代码示例： <!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" /

我使用JQuery.html函数在页面上插入字段。这些字段有一个class属性，但看起来CSS（在页面的标题部分声明）不适用于元素

我相信这只会影响类选择器，因为我有一个editZone输入选择器，工作起来很有魅力

下面是一个代码示例：

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" />
<style type="text/css">
    #editZone input, #editZone textarea, #editZone select{
        border:0px;
    }

    #editZone .dependant {
        background-color:#CCC;
        border-bottom:1px solid #333;
    }
    #editZone .original {
        background-color:#FFF;
        border-bottom:1px solid #300;
    }
</style>

</head>
<body>

    <div id="headZone">
        Template:
        <select id="template">
        </select>
        <input type="button" id="generateTpl" value="Go" />
    </div>
    <div id="editZone" style="background-color:#ccc;">content will be filled here upon template selection</div>
    <div id="previewZone">final</div>
</body>
</html>

以下是firebug的内容示例：

<div style="background-color:#ccc;" id="editZone"><br>
<br>
Name - <input type="" class="original" value="" name="first_name" id="first_name_1"> <input type="" class="original" value="" name="last_name" id="last_name_1"><br>
Title<br>
...

你应该关闭html标签，我认为它应该可以工作。关闭标签，如或。我的意思是输入，br和所有打开的标签都没有关闭

希望能有帮助

干杯

在样式声明中，我在类名和{.

问题是关于jQuery的，但是你没有显示你的jQuery代码？对我来说很有用。考虑到内容确实是填充的，我不想用javascript代码来回答这个问题……你应该使用浏览器中的工具来检查动态添加元素的有效样式规则。很可能你的元素不是b我们可以确认你是否提供了js代码，并且很多其他标记都不需要关闭。自动关闭标记在HTML5中没有意义。感谢你提到@Pointy，但我认为答案没有标记为HTML5。我说的对吗？它的顶部有HTML5 DOCTYPE:-…我有关闭标记，但你看到的一部分是firebug转储，它可以删除它们……是的，但用户现在可能不知道这是HTML5的doctype；