0

これら2行の違いを知りたい：

p.intro a{color=# ff99ff;}
p .intro a{color=# ff99ff;}

最初の例では と の間にスペースはありませんがp、.intro2 番目の例ではそれらの間にスペースがあります。

例を挙げて説明してほしい。

4

7 に答える 7

5

1つ目は、pアイテムに与えられるクラスです。

<p class="intro">
    <a href="#">Item</a>
</p>

2つ目は、pタグの子に与えられるクラスです。

<p>
    <span class="intro">
        <a href="#">Item</a>
    </span>
</p>
于 2012-07-27T18:22:56.247 に答える
1

最初のルールは

<p class="intro"><a href="#">some</a></p>

2番目は

<p><span class="intro"><a href="#">some</a></span></p>
于 2012-07-27T18:23:59.243 に答える
1

では、まずp.intro a { color: #ff99ff; }

<p class="intro">This <a>link</a> is colored #ff99ff.</p>

<p>But <a>this one</a> is not.</p>

クラスを持つ内のすべてaのタグが色付けされます。pintro

それでp .intro a { color: #ff99ff; }

<p class="intro">This <a>link</a> is colored normally.</p>

<p>And so is <a>this one</a>, but <span class="intro"><a>this one</a> is colored #ff99ff.</span></p>

<div>Also, <span class="intro"><a>this link</a></span> doesn't get colored either.</div>

ここでは、それ自体が some 内にある classを持つものa内にあるタグのみが色付けされます。introp

于 2012-07-27T18:25:44.563 に答える
0

1つ目は、クラスを持つタグaの子孫であるすべてのタグに影響します。pintro

a2つ目は、クラスANDの要素（任意）のintro子孫であると同時に、タグの子孫であるすべてのタグに影響しますp。

于 2012-07-27T18:22:50.877 に答える
0 
p.intro a

これにより<a>、のまともなものがすべて見つかります<p class="intro">。

p .intro a

これにより、の子孫で<a>あるクラスintroを持つ要素の子孫であるすべてが検索され<p>ます。

于 2012-07-27T18:23:36.127 に答える
0 
p.intro a{
  color=# ff99ff; 
}

これは、<a>例の中にあるものに影響します。

<p class="intro">
    <a href="#">one</a>
</p>

と

p .intro a{
  color=# ff99ff;
}

これは<a>、内部にあるクラス内にある場合に影響しintroます<p>

例：

<p>
    <span class="intro">
        <a href="#">one</a>
    </span>
</p>
于 2012-07-27T18:30:53.860 に答える
0

最初のケースでは、クラス「intro」の P タグの下のどこかにネストされているすべての A タグが選択されます。

<p class="intro"><div><a>This is selected</a></div></p>

2 番目のケースでは、任意の種類の DOM 要素の下のどこかにネストされているすべての A タグが選択され、クラスは「intro」であり、P タグのどこかにネストされています。

<p><div><div class="intro"><div><a>This is selected</a></div></div></div></p>

ネストされた要素は、セレクターの前の要素のすぐ下にある必要はありません。セレクターの前の項目内のどこかにネストする必要があるだけです。

于 2012-07-27T18:24:03.657 に答える