54

誰かがこれら2つのCSSセレクターの違いを説明できますか？

.work-container . h3 {
font-size: 14px;
margin-top: 0px;
font-weight: 600;
height: 27px;
}

上の定義の余分なドットは何ですか？

.work-container h3 {
font-size: 14px;
margin-top: 0px;
font-weight: 600;
height: 27px;
}
4

5 に答える 5

77

ケース

  • セレクターはドットで始まります

.class_nameクラス名を意味します

  • スペースで区切られた2つの点線のセレクター

.outside .inside

.insideクラスを持つ要素から派生したクラスを持つ要素を意味します.outside

  • 分離のない2つの点線セレクター

.name1.name2

クラスname1とname2 例の両方を持つ要素を意味します。class="name1 name2"

関連する質問：

于 2016-07-22T05:53:17.627 に答える
48

プレフィックスは通常、クラスセレクターを表しますが.、直後に空白が続く場合は、構文エラーです。

私が推測を危険にさらすとしたら、作者はおそらく言うつもりでしたが、キャラクター（子コンビネータ.work-container > h3）を入力しようとしたときにShiftキーを逃しました。>

2番目のセレクターは.work-container h3、単に、h3というクラスを持つ要素内に含まれているものを意味しますwork-container。

于 2012-10-10T02:36:15.500 に答える
17

.CSSでは、それがクラスであり、多くの要素に適用できることを意味します。

#CSSでは、IDであり、ページごとに1つの要素に適用できることを意味します。

どちらも存在しない場合、それはタグであり、タグ名を持つすべての要素を対象とします。

あなたの構文で.work-container . h3は、実際にはエラーです。の.いずれかである,か、BoltClockが言っ>たように、CSSの直接の子孫演算子を示しているはずです。

于 2012-10-10T02:38:18.557 に答える
10

.そのクラスは言います

#そのIDを意味します

セレクターしかなければ、それはタグです

于 2012-10-10T02:36:34.607 に答える
6

.CSSでは、それがクラスであり、クラス間にスペースを使用して多くの要素に適用できることを意味します

例えば：

<h3 class="class1 class2 class2">Heading</h3>

#CSSでは、IDであり、ページごとに1つの要素に適用できることを意味します。

例えば

<h3 id="idname1">Heading</h3>
于 2012-10-10T12:19:03.453 に答える