-5

CSSだけでフォントの色をコントロールしたい。私のHTMLソースは以下です。

HTML:

<!DOCTYPE html>
<html>
    <head>
        <meta charset=utf-8 />
        <title>JS Bin</title>
    </head>
        <body>
            <span class="tag1">I love <span class="tag2">apple </span>pie</span>.
        </body>
</html>

CSS:

「I love apple」を青色のフォントに変更したいです。

.tag1{color : blue;}

また

「アップルパイ」を赤いフォントに変更したいです。

.tag2{color : red;}

ただし、tag2で「アップルパイ」の部分だけ赤いフォントに変更しました。

どうすれば修正できますか？

4

6 に答える 6

4

コードを変更する必要があります。

<span class="tag1">I love <span class="tag2">appe</span> pie</span>

あなたの子供<span>は親の直前に終了しているはずです<span>

これが解決策です。

<span class="tag1">I love <span class="tag2">apple pie</span></span>

ここにワーキングデモがあります

于 2013-08-05T12:31:19.400 に答える
2

CSS は (いくつかの非常に小さな例外を除いて)要素のみを選択できます

個々のテキスト ノードを選択することはできません。

<span class="tag2">色を変更するすべてのテキストが要素に含まれるように、一致する終了タグを移動します。

<span class="tag1">I love <span class="tag2">apple pie</span></span>.
于 2013-08-05T12:30:46.693 に答える
0

以下の変更を行います。

<span class="tag1">I love <span class="tag2">apple pie</span></span>
于 2013-08-05T12:44:05.110 に答える