3

同じ attr を異なるクラス/タグに適用したいときは、次のようにします:

#wrapper .content input[type=radio], .content input[type=checkbox]{
     border:none;
} 

または:

#wrapper .content input[type=radio],input[type=checkbox]{
     border:none;
} 

または:

#wrapper .content .block1, .block2{
     background:#FFF;
} 

この使い方は間違っていますか?css の本当の使い方について、サイトや (e)book などをお勧めしますか?

4

4 に答える 4

1

使用することで

 #wrapper .content input[type=radio],input[type=checkbox]{
     border:none;
} 

あなたは実際に言っています:クラスコンテンツとラジオタイプの入力タイプを持つIDラッパーを持つ要素は、次を適用します: (border:none) 、入力タイプチェックボックスを持つページ上のすべての入力に対して (border:none) を適用します。

コンマの後のすべてはゼロから始まり、前述の節は考慮されていません。

しかし、Andy が言ったように、HTML の例がなくても、それがどのように解釈されるかを説明することができます。( block2 と .block2 の違いを見てください。 Block2 は要素があること<block2>を示し、 .block2 は要素があることを示します (例)<fieldset class="block2"> </fieldset>

同じ attr を異なるクラス/タグに適用したいときは、次のようにします:

それに答えるために、 class のみを指定したい場合は、ID を明示的に言及する必要はありません。あなたも同じようにできる

.content input[type=radio],input[type=checkbox]{ border:none; }

これにはエラーはありませんが、その場合、そのクラスを持つすべての要素に適用されます。したがって、2 つのフィールドセットと 1 つのクラス .content があり、両方に同じ css 値が適用されるとします。

したがって、フィールドセットを指定する場合は、カプセル化要素の ID を使用し、その後にクラスを指定する必要があります。

于 2012-11-01T12:42:51.513 に答える
1

HTML を知らなくても、最後のものを除いて正しい可能性があります。

block2 の ID またはクラスを呼び出す必要があるため、次のようにする必要があります。

#wrapper .content .block1, .block2 {
     background:#FFF;
}

.block2ただし、が同じ div にあると仮定すると、.contentより具体的に行うこともできます。

#wrapper .content .block1, #wrapper .content .block2 {
     background:#FFF;
}
于 2012-11-01T12:37:49.393 に答える
0

異なるクラス/タグにコンマで区切ることにより、同じcss属性を与えることができます。

元。

.abc, .kbc, .xyz{

font-weight:bold;
}
于 2012-11-02T13:40:05.930 に答える