0

これはおそらくばかげた質問ですが、これで終わりです。

私のcssファイルには3つのIDがあり、それらはすべて同じコードを持っています。例えば：

#ID1 {
    // some code
    width: 300px;
    height: 300px;
}    
#ID2 {
    // some code
    width: 300px;
    height: 300px;
}    
#ID3 {
    // some code
    width: 300px;
    height: 300px;
}

私の質問は: CSS でクラスまたは ID を作成し、別の CSS クラスまたは ID 内で呼び出すことが可能です。例えば：

#setting {
    width: 300px;
    height: 300px;
}
#ID1 {
    .setting        
    // some code
}    
#ID2 {
    .setting  
    // some code
}    
#ID3 {
    .setting  
    // some code
}

ありがとう。

4

4 に答える 4

1

親クラスへの参照を適用することでcssをオーバーライドできます。以下の例を確認してください。

#setting {
width: 300px;
height: 300px;
}
#ID1 .setting {
   // some code
}    
#ID2 .setting  {
   // some code
}    
#ID3 .setting  {
   // some code
}

上記のコードは、ID1、ID2、ID3 内のすべての「設定」クラス タグをそれぞれ適用します。「設定」の子が即時クラスの場合、例として以下を実行できます。

#setting {
width: 300px;
height: 300px;
}
#ID1 > .setting {
   // some code
}    
#ID2 > .setting  {
   // some code
}    
#ID3 > .setting  {
   // some code
}

上記のコードは、クラス「設定」で名前が付けられた直接の子にのみ適用されます。

于 2013-03-26T06:47:52.117 に答える
1

いいえ、CSS では不可能であり、継承とは関係ありません。CSS ルールでは、「{」の前にすべてのセレクターを配置し、「{」と「}」の間に宣言 (プロパティ:値) のみを配置します。

idただし、次のように、属性とclass要素の属性の両方を使用できます。

<div id="ID1" class="setting">...</div>

そして、もしあなたが例えば持っているなら

.setting {
    width: 300px;
    height: 300px;
}

(注:.ではありません)、これらの宣言は、他の CSS 規則により適用される可能性のある他の宣言と共に、 を#持つすべての要素に適用されます。class=setting

于 2013-03-26T07:17:16.727 に答える
1

1 つの要素で複数の CSS クラスを使用できます。

「ジェネリック」クラスを作成して要素に適用できます。

例えば：

<div class="class1 class2">some content</div>

class1 と class2 に共通のプロパティがある場合、class2 のそのプロパティの値はその要素の class1 の値を上書きし、最終的に要素は class2 で定義された値を持つことに注意してください。

本当に古いブラウザはこれをサポートしていませんが、おそらく心配する必要はありません。

于 2013-03-26T07:06:14.197 に答える
1

あなたが探しているのは LESS と呼ばれるものです。ここでそれについて読んでください

于 2013-03-26T06:34:49.877 に答える