java - 添加 CSS 样式以输出 jquery

Question

我正在为我的博客开发 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) + 

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

如何设置样式以避免文本“发布于”颜色更改为红色。

Answer 1

尝试用跨度包装日期并向其添加类

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