1

以下のコードから: 段落タグが緑色で表示されないのはなぜですか? 私はCSSを練習しているだけなので、この疑問に出くわしました..

p .marked2{
color:green;
}

.marked p
{
color:purple;
}


<p class="marked2">This is a green paragraph.</p> //HERE NOT SHOWING GREEN
<div class="marked">
<p>This is a purple paragraph.</p> //HERE GETTING PURPLE COLOR
</div>


これをクリアしてください..

4

5 に答える 5

2

する必要がありますp.marked2。現在の方法では、コンテナ.marked2内の要素を探しています。p

例:

p.marked2をターゲットにします<p class="marked2">...</p>(を持つすべての p要素class="marked2")

p .marked2ターゲット<p><span class="marked2">...</span></p>(の任意の子孫class="marked2"として任意の種類の要素)<p>

于 2012-12-06T05:50:01.187 に答える
0

スペースを消去

p.marked2 { 
    color:green; 
}
于 2012-12-06T05:48:34.960 に答える
0

ちょっとClarsen、あなたはこのように書くべきです:-

p.marked2 {
color:green;
}

.marked p {
color:purple;
}

そして、あなたの要件に従って今働いています....

実際にあなたが書いたのは、プロパティが適用されるよりも、クラスがタグ内にないタグを持っているp .marked2場合を意味します。marked2 PP

したがって、デモのようにクラスプロパティがタグに適用されるp.marked2よりも、このように記述する必要があります。marked2 P

デモ

于 2012-12-06T06:05:24.787 に答える
0

私はそれを機能させました。あなたがしなければならないのは、スペースを取り除くことだけです

    p .marked2{
    color:green;
    }




    p.marked2{
    color:green;
    }

それはボスです...あなたは今行ってもいいです...

于 2012-12-06T06:11:38.100 に答える
0

したがって、問題はスペースにあります。例: p .marked2. このようにスペースを削除するだけです。例: p.marked2. その後はうまくいくはずです。

p.marked2{ color:green; }

p.marked{ color:purple; }

<p class="marked2">This is a green paragraph.</p> //HERE NOT SHOWING GREEN <div class="marked"> <p>This is a purple paragraph.</p> //HERE GETTING PURPLE COLOR </div>

于 2012-12-06T07:24:56.033 に答える