1

css を追加する行があります。

$("#foo").html("Some text with a link <a href=\"link.html\">Link here</a>").css({
     'margin': '10px 0px',
     'padding': '15px 10px 15px 50px',
     'clear': 'left'
});

リンクを黒に変更したいので、このCSSを追加するとうまくいくはずです：

a.link {
     color: black
}

.css ファイルを追加するのではなく、css ファイルを指定するのが最善の方法だと思いますa.link。しかし、それが可能かどうかは疑問です。適切なjson形式ではないため、明らかに次のようなものは機能しません。

$("#foo").html("Some text with a link <a href=\"link.html\">Link here</a>").css({
     'margin': '10px 0px',
     'padding': '15px 10px 15px 50px',
     'clear': 'left',
     'a:link: color': 'black'
 });

これを行う方法はありますか？

4

2 に答える 2

7

親要素の css 関数から子要素のスタイルを更新することはできません。代わりに、それを css ファイルに追加しないでください。

#foo a.link { color: black; }

スクリプトで追加する方法に興味がある場合は..

$("#foo")            //Added class link to the link tag--v
   .html('Some text with a link <a href=\"link.html\" class="link">Link here</a>')
   .css({'margin': '10px 0px', 'padding': '15px 10px 15px 50px', 'clear': 'left'})
   .find('a.link').css({'color': 'black'}); 
   //^-- this would find the link tag and updates its css
于 2012-11-06T22:49:33.333 に答える
0

必要なスタイルのスタイル タグを挿入してみませんか? <style type="text/css">a.link: {color: black}</style>またはリンクの色をインラインで定義する

$("#foo").html('Some text with a link <a style="color: black" href="link.html">Link here</a>').css({'margin': '10px 0px', 'padding': '15px 10px 15px 50px', 'clear': 'left'});

.cssのようなセレクターによるスタイルではなく、インライン css スタイルを定義するために使用されます。そのためにタグを使用しますa.link。<style>

于 2012-11-06T22:47:56.083 に答える