0

jqueryを使用してCSSクラススタイルを適用する初心者向けの操作を試みています。色とフォント サイズの 2 つのクラス属性を設定しています。両方 クラス .zebra の下で定義されていますが、色のみが適用されています。

Jquery スクリプト:

$(document).ready(function() {
alert('Script is tied in!');
$('#lion').addClass('zebra');
});

CSS

p {
color: #CC34H8;
font-size: 100px;
}

.zebra {
color: #2FB51D;
font-size: 12px;
}

EJS、この時点ではまだ基本的にストレートな HTML マークアップ

<body>
hello hello
<p> hi </p>
<div id="lion">
    <p> hey hey </p>
</div>
</body>

CSS の color 属性は変更されていますが、フォントは変更されていません (元の定義されたスタイルの 100px として表示されてい<p>ます。影響を受ける属性が 1 つだけなのはなぜですか?

4

3 に答える 3

3

クラスをに設定しています#lionが、font-sizeプロパティはpタグによって上書きされています。

次の jQuery 行が機能します。

$('#lion p').addClass('zebra');

フィドル。

于 2013-03-17T09:32:50.947 に答える
1

classタグは変更していませんが<p>、まだfont-size:100px.

$(document).ready(function() {
    $('#lion p').addClass('zebra');
});
于 2013-03-17T09:37:49.720 に答える
1

あなたの JS コードは、1 つのことを除いて正しいです。

クラス.zebraをdiv.lionタグp自体ではなくに適用しているため、タグ内のテキストは親から取得pし、CSS から取得します。colordivfont-size

そのため、のみcolorが変更されるだけです。

コードを次のように変更します。

$('#lion p').addClass('zebra');//notice " p".
于 2013-03-17T09:35:43.703 に答える