0

脳が動かなくなったようです。

イントロに分類されるh1とpを含めるようにCSSを設計するにはどうすればよいですか？！

これは、すべての h1とpsを対象とします。

h1, p { ... }

でも、これ

h1, p .intro { ... }

イントロとして分類された*p*に影響を与えることなく、イントロとして分類されたh1のみをターゲットにします。そのための構文は何ですか（したがって、以下を定義する必要はありませんか？

h1.intro { ... }
p.intro { ... }

私も次のことをテストしましたが、成功しませんでした。

h1.intro, p. intro { ... }
4

2 に答える 2

2

ほぼ正しい。pの空白をスキップします。

h1.intro, p.intro { ... }

OPとして使用すると、貼り付けられます。

h1.intro, p .intro { ... }

インタプリタには、イントロと呼ばれるクラスが何のコンテキストにも接続されていないことがわかります。つまり、次のクラスに相当します。

h1.intro, .intro { ... }
于 2012-12-04T14:43:06.660 に答える
1

セレクターを区切るには、コンマを使用するだけです。

h1.intro,
p.intro {
 /*...*/
}

JSフィドルデモ。

または、すべての一般的なスタイルを定義してから、そのクラスでそれらの要素の特定のスタイルのみをオーバーライドすることもできます。

.intro {
    /* ...all generic default styles */
}

p.intro,
h1.intro {
    /* specific style overrides for the h1 and p elements of this class */
}

JSフィドルデモ。

その理由：

h1.intro, p. intro

動作しない（このコンテキストでの「works」の評価に応じて）これはh1クラスのスタイルを設定しますが、要素の子孫であるintroクラスの要素のスタイルを設定します。との間のスペースは子孫を意味します関係。intropp.intro

于 2012-12-04T14:41:30.283 に答える