0

私はこのようなクラスを持っていました

.lifetime .containerrow
{
    text-align: center;
    height: 20px;
}

一部の要素のテキストを太字にする必要があったので、次のようにしました。

.lifetime .containerrow .info
{
    font-weight:bold;
}

これは機能しませんでしたが、これは機能しました：

.lifetime.containerrow.info
{
    font-weight:bold;
}

なんで？同じことではないですか？
ありがとう
cssをよく知らない

4

3 に答える 3

2

それは正しい振る舞いです。.class1.class2.class33 つのクラスすべてを持つ要素に一致します。の要素の内側の要素の内側の要素.class1 .class2 .class3と一致します。.class3.class2.class1

同じスタイルを 3 つの別々のクラスに適用する場合は、それらをコンマで区切る必要があります (例: .class1, .class2, .class3 { font-weight: bold; })

于 2012-10-18T08:26:24.083 に答える
0 
.lifetime .containerrow .info
{
    font-weight:bold;
}

.lifetime 内にネストされた .containerrow 内にネストされた .info のクラスを持つ要素を意味します

.lifetime.containerrow.info
{
    font-weight:bold;
}

クラス .lifetime、.containerrow、および .info を持つ要素を意味します

于 2012-10-18T08:26:55.687 に答える
0

太字の font-weight を複数のクラスに適用するとします。

.lifetime,
.containerrow,
.info
{
    font-weight:bold;
}

異なる要素で異なるクラスを選択しながら同じスタイルを適用するには、クラスをコンマで区切る必要があります。

セレクターの場合:の子であるクラスの子であるクラスを.lifetime .containerrow .info持つ 1 つの要素を選択していました。.info.containerrow.lifetime

于 2012-10-18T08:27:37.647 に答える