6

以下に示すこのタイプの css セレクター、または少なくとも適用方法を理解するのにかなり苦労しています。

p .intro a { color: yellow }
4

3 に答える 3

11
p .intro a { color: yellow }

それはどんなスタイルにもなります(右から左に読む)

  • a鬼ごっこ
  • これは、クラスを持つ任意のタグの子孫です (ドットはクラス セレクターです)intro
  • pタグの子孫です

例 (要素は直接の子ではなく、子孫であることに注意してください):

<p>
    <span>
        <span class="intro">
            <span>
                <a href="#">I am yellow</a>
            </span>
        </span>
    </span>
</p>

(フィドル)

于 2012-11-02T02:18:26.173 に答える
1

このセレクターは、次のような HTML に一致します。

<p>
    <span class="intro">
        <a href="#">I am yellow</a>
    </span>
</p>

基本的に、aタグ内のタグのクラスを持つタグintro内のpタグ。直系の子である必要はありません。

于 2012-11-02T02:12:53.083 に答える
0

あなたの jsFiddle の例は、シマンティクスのために失敗します。これを見てください: <p> タグ内にブロック レベルの要素をネストしています... 正しいか間違っていますか?

したがって、できることは、マークアップを次のように変更することです。

<p>
    <span class="intro">
        <a href="#">I AM yellow</a>
    </span>
</p>

また

<div>
    <div class="intro">
        <a href="#">I AM yellow</a>
    </div>
</div>
于 2012-11-02T03:08:26.020 に答える