0

私は自分のブログ用の 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) +

日付の出力色を赤に変更する CSS スタイルとしての class="postedon" ですが、私が抱えている問題は、日付と「投稿日」というテキストの両方が赤で表示されていることです。

テキストの「投稿日」の色が赤に変更されないようにするにはどうすればよいですか。

4

3 に答える 3

1

これを試して、日付をスパンでラップし、それにクラスを追加してください

 output += '<p>Posted on <span class="postedon">' + val.date.substring(0,10) + '</span>'+
于 2013-09-11T12:56:44.497 に答える
0

もしかしてこれ？

CSS:

.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>' +

http://jsfiddle.net/Yk7St/

于 2013-09-11T12:59:58.750 に答える
0

span日付の周りに要素を配置し、次のように CSS でターゲットにする ことができます。

p.postedon span {
    color: red;
}
于 2013-09-11T12:59:05.160 に答える