3

次のように、html ページに div 要素があるとします。

<div class="Item1 Item2"></div>

Item1はクラスであり、そのルールのルールは次の構文を使用して定義できます。

.Item1 {
    width: 100px;
    height: 20px;
    border: 5px solid white;
}

Item2はクラスとも呼ばれますか？通常のクラスと同じようにスタイルを適用できますか?

.Item2 {
    width: 1px;
    height: 2px;
}
4

1 に答える 1

3

この属性は、要素が classとclass="Item1 Item2"class の両方に属することを指定します。属性の値は、定義上、空白で区切られた一連のクラス名です。クラス名の順序は重要ではありません。Item1Item2class

したがって、クラスのネストはありません。

これは、CSS では要素がセレクター.Item1とセレクターの両方に一致することを意味し.Item2ます。

与えられた例では、両方のルールが考慮され、競合はカスケードの通常のルールによって解決されます。他の条件が同じである場合 (たとえば、作成者スタイル シートに 1 つのルールがあり、ユーザー スタイル シートに別のルールがある、またはルール内にルールの 1 つがある場合とは対照的に@media)、プロパティに値を割り当てる競合両方のルールは、後で指定されたルールを優先して解決されます。解決はプロパティごとであり、ルール全体ではありません。したがって、この例では、set の宣言borderが常に適用されます (これら 2 つの規則の外側にあるものによってオーバーライドされない限り)。

于 2013-08-29T04:37:56.870 に答える