Php 将另一个文件中的css应用于ajax调用中的echo语句

Php 将另一个文件中的css应用于ajax调用中的echo语句,php,jquery,html,css,ajax,Php,Jquery,Html,Css,Ajax,我有一个带有表单的注册页面(比如reg.php),我正在使用ajax验证表单元素(比如用户名)。 现在,如果用户名已经存在于数据库中,我希望以红色显示错误消息,如果它可用,我希望它以绿色显示。 如果我将echo语句的样式设置为这样,它将起作用- echo "<span style='color:brown; font-size:14px'><b>Oophs! </b>Looks like username is already in use.</span

我有一个带有表单的注册页面(比如reg.php),我正在使用ajax验证表单元素(比如用户名)。 现在,如果用户名已经存在于数据库中,我希望以红色显示错误消息,如果它可用,我希望它以绿色显示。 如果我将echo语句的样式设置为这样,它将起作用-

echo "<span style='color:brown; font-size:14px'><b>Oophs! </b>Looks like username is already in use.</span>";
echo“哎呀!用户名似乎已经在使用中了。”;

但是我想从另一个css文件中创建样式。如何执行此操作?

在将显示错误的页面中,在标题标记内部添加样式标记作为

<style>
   .error {
        color:brown;
        font-size:14px;
   }
</style>

.错误{
颜色:棕色;
字体大小:14px;
}
像这样回响

echo "<span class='error'><b>Oophs! </b>Looks like username is already in use.</span>";
echo“哎呀!用户名似乎已经在使用中了。”;
如果从另一个css文件设置样式 例如,此css文件为style.css 在style.css中写下下面的行
.error\u msg{
颜色:棕色;
字号:14px
}   
.success_msg{
颜色:绿色;
字号:14px
} 
//在html页面上加载style.css
echo“哎呀!看起来用户名已经在使用中了。”;

正确转义双引号
  .error_msg {   
           color:brown;    
          font-size:14px   
    }   
  .success_msg {    
          color:gree;    
          font-size:14px   
    } 

//load style.css on your html page  
    <link href="css/style.css" type="text/css" rel="stylesheet">
    echo "<span class='error_msg'><b>Oophs! </b>Looks like username is already in use.</span>";