Java 将CSS样式添加到输出jquery

我正在为我的博客开发JQuery移动应用程序，并尝试向博客输出中添加一些css

我有以下自定义js代码：

function listPosts(data) {
var output='<ul data-role="listview" data-filter="true">';
$.each(data.posts,function(key,val) {

    output += '<li>';
    output += '<a href="#bpost" onclick="displayPost(' + val.id + ')">';
    output += '<h3>' + val.title + '</h3>';
    output += '<span class="ui-li-count">' + val.comment_count + '</span>';

    output += '<p class="postedon" >Posted on ' + val.date.substring(0,10) + 

函数列表帖子（数据）{
var输出='
；
$.each（数据、帖子、函数（键、val）{
输出+='
'；
输出+=''；
输出+=''+val.title+''；
输出+=''+val.comment\u count+''；
输出+='
发布于'+val.date.substring（0,10）+

class=“postedon”作为css样式将日期输出颜色更改为红色，但我遇到的问题是日期和文本“postedon”都显示为红色

---

如何设置此样式以避免文本“Posted on”颜色变为红色。

尝试此方法，将日期用span包装，并向其添加类

 output += '<p>Posted on <span class="postedon">' + val.date.substring(0,10) + '</span>'+ 

output+='发布在'+val.date.substring（0,10）+''上

您可以在日期周围放置一个

span

元素，然后在css中将其作为目标，如下所示：

p.postedon span {
    color: red;
}

也许是这个

CSS:

代码

函数列表帖子（数据）{
var输出='
；
$.each（数据、帖子、函数（键、val）{
输出+='
'；
output+='
你们真是太棒了…在第一次回复中使用了这个：output+='发布在'+val.date.substring（0,10）+''；
.postedon {
color:black;
}
.postedon span {
color: red;
}

function listPosts(data) {
var output='<ul data-role="listview" data-filter="true">';
$.each(data.posts,function(key,val) {

    output += '<li>';
    output += '<a href="#bpost" onclick="displayPost(' + val.id + ')">';
    output += '<h3>' + val.title + '</h3>';
    output += '<span class="ui-li-count">' + val.comment_count + '</span>';

    output += '<p class="postedon" >Posted on <span>' + val.date.substring(0,10) + '</span>' +