-1

私は Javascript をいじって、自分のページhttp://www.gfcf14greendream.com/の背景とテーマを変更して、季節ごとに異なる背景を表示し、それが機能するようにしました。以前はすべてが緑色だったので (私は変人です)、背景に応じて div タグのフォントの色を読みやすい色に変更することを実験してきました (今のところ、夏の背景に紫色を使用していますrgb(128, 0, 128)が、誰かがより良い色があると思うなら、私に知らせてください)、そしてこれらの行を使用して、それはうまくいきました:

var divs = window.parent.document.getElementsByTagName('div');
for (var i = 0; i < divs.length; i++) {
    divs[i].style.color = "rgb(128, 0, 128)";
}

私が変更したこれらのページでは機能します (まだテスト中なので、すべてを変更していません) http://www.gfcf14greendream.com/smssender.html、http://www.gfcf14greendream.com/employmentassistant. html . しかし、このページhttp://www.gfcf14greendream.com/programs.htmlでは機能しているように見えますが、テーブル内の div は影響を受けません (この div のように:)

<td align="center">
    <div style="text-align: center; color:#00FF00; font-size: 15px">
        <font color="#00FF00">December 16th, 2012</font>
    </div>
</td>

タグ内の div が<table>認識されないのはなぜですか? テーブルを時代遅れと見なし (誰かが私に、それらは悪だと言いました)、CSS を使用して div でテーブルをフォーマットしようとするべきですか?

4

4 に答える 4

2

現時点では、<font>タグが原因でこれは機能していません。div スタイルは影響を受けていますが、内部のフォント タグでは変更を確認できません。font タグを削除すると、何かが表示されるはずです。

<font>そうは言っても、タグを使用するべきではありません。W3は、HTML5 がそれを非準拠の機能として分類していることを伝え、「... 本当に、使用しないでください」と述べています。

于 2013-06-27T03:37:45.600 に答える
1

Jan Dvorak が指摘したように、フォント タグは本当に避けるべきです。しかし、それらを使用しても、CSS だけで解決できます。

div, div font {
    color: rgb(128, 0, 128) !important;
}

また、シーズン クラスを本体に追加して (のように<body class="summer">)、季節に応じて複数のスタイルを作成できるようにします。

.summer div, .summer div font { color: rgb(128, 0, 128) !important; }
.winter div, .winter div font { color: rgb(0, 0, 255) !important; }
于 2013-06-27T03:37:32.563 に答える
0

divの色は変更されていますが、テキストは変更されていません。これは、テキストが実際に「font」タグにあるためです

あなたのページがjqueryを参照しているようです。これを使用してみてください：

$('div,div>font').css('color','rgb(128,0,128)')
于 2013-06-27T03:38:50.417 に答える