css - CSS セレクターのどこが間違っているのでしょうか?

Question

CSS セレクターでのクラスと ID の組み合わせに関する質問を読みましたが、うまく機能せず、どこが間違っているのかわかりません。

次の一連のdivがあります。

<div id="maincontent" class="2col clearfix">
    <div id="leftcolumn">content</div>
</div>

そして私のcssで以下：

#maincontent.2col {
    width: 840px;
    margin: 0px auto; 
    text-align: center;
}

#maincontent.2col #leftcolumn   {
    float: left;
    width: 490px;
    margin: 0 10px 0 0;
    /*border: 1px solid #000;*/
    text-align: left;
}

ただし、firebug を使用すると、#leftcolumndiv には何も起こりません。

両方からを削除する.2colと、期待どおりに機能しますが、3 列のレイアウトを使用する予定で、複数の列を配置したくないため、そこに 2col クラスを配置したいと考えています。スタイルシート。何かご意見は？

編集: 申し訳ありませんが、それは私の HTML のスペルミスではありません。ここに書き込もうとしたときのスペルミスです。

Answer 1

class 属性のつづりが間違っています

<div id="maincontent" class="2col clearfix">
   <div id="leftcolumn">content</div>
</div>

#maincontent.2col {
width: 840px;
margin: 0px auto; 
text-align: center;
}

#maincontent.2col #leftcolumn   {
float: left;
width: 490px;
margin: 0 10px 0 0;
/*border: 1px solid #000;*/
text-align: left;
}

また、CSS ではクラス名を数字で始めることはできません。それを変更するまで、セレクターは機能しません。

2.1仕様から：

CSS では、識別子 (セレクターの要素名、クラス、および ID を含む) には、文字 [a-zA-Z0-9] と ISO 10646 文字 U+00A0 以降、およびハイフン (-) とアンダースコア ( _); 数字、2 つのハイフン、またはハイフンの後に数字を続けることはできません。識別子には、エスケープ文字と ISO 10646 文字を数値コードとして含めることもできます (次の項目を参照)。たとえば、識別子「B&W?」「B\&W\?」と表記される場合があります。または「B\26 W\3F」。

Answer 2

class属性のスペルが間違っています