Javascript CSS无法识别id或名称

Javascript CSS无法识别id或名称,javascript,html,css,ckeditor,Javascript,Html,Css,Ckeditor,我正在开发一个flask应用程序,并试图更改textarea中的内容(请参见下面的textarea标记)。我正在使用一个名为ckeditor的开源web文本编辑器。我的问题是,当我尝试使用id名称“name1”为p标记中的内容设置样式时,它实际上不会设置样式。然而,当我使用justuseptag本身时,它工作得很好。我是开发网络应用程序的新手,任何帮助都将不胜感激!谢谢 以下是代码片段: HTML: 以下是CSS代码片段,它可以工作,但不是我想要的: p{ font-family:

我正在开发一个flask应用程序,并试图更改textarea中的内容(请参见下面的textarea标记)。我正在使用一个名为ckeditor的开源web文本编辑器。我的问题是,当我尝试使用id名称“name1”为p标记中的内容设置样式时,它实际上不会设置样式。然而,当我使用justuseptag本身时,它工作得很好。我是开发网络应用程序的新手,任何帮助都将不胜感激!谢谢

以下是代码片段:

HTML:

以下是CSS代码片段,它可以工作,但不是我想要的:

 p{ 
    font-family: 'Raleway', sans-serif;
    font-weight:  lighter;
    font-size: 18px;  
    padding-left: 20px;
 }
浏览器不会将
中的内容解析为HTML。所以,从字面上讲,它根本不是HTML,它只是表示HTML片段的纯文本

您应该使用其他标记作为其容器,例如
或其他任何标记

<div><p id="name1">[Your Name]<p></div>

[您的姓名]


编辑:我注意到您正在使用CKEditor。从您的代码中,我猜您正在尝试在编辑器中放置一些默认的富文本。所以我假设根本原因是(1)您没有遵循文档,或者(2)启动编辑器时出错

正如akash指出的,我们不能在textarea中插入其他html标记,因为它是一个输入标记。要显示带有输入标记的文本,您可以使用占位符,其他选项位于字段中(若要使用此选项,您可以通过谷歌搜索此项)标签

下面是使用占位符的代码

 <form>
        <textarea placeholder="[Your Name]" cols="30" rows="5"></textarea>
 </form>
注意:以上css仅适用于mozilla。请遵循下面的链接,使其与其他浏览器一起工作


希望这有帮助

您的p标签将在普通文本区域中呈现为文本。
您正在用
CKEDITOR
替换它

CKEDITOR
将自动从html标记中删除ID和类

在渲染后,请检查标记的名称p是否为name1您的p标记将在普通文本区域中呈现为文本。您正在用ckeditor替换它。似乎编辑器从html标记中删除ID。。。签入开发人员工具如果p标签具有id,则expect@Mephiztopheles是的,你是对的!ckeditor自动删除ID和类。非常感谢你,如果这不仅仅是一个评论,我会给你一个投票。我可以把这个作为答案发送:)可能的副本
<div><p id="name1">[Your Name]<p></div>
 <form>
        <textarea placeholder="[Your Name]" cols="30" rows="5"></textarea>
 </form>
::-moz-placeholder {  /* Firefox 19+ */
    font-family: 'Raleway', sans-serif;
    font-weight:  lighter;
    font-size: 18px;  
    padding-left: 20px;
}