我已经阅读了关于在CSS选择器中组合类和ID的问题,但它对我不起作用,我不知道我哪里出错了.
我有以下一组div:
<div id="maincontent" class="2col clearfix">
<div id="leftcolumn">content</div>
</div>
Run Code Online (Sandbox Code Playgroud)
以及我的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;
}
Run Code Online (Sandbox Code Playgroud)
然而,当我使用萤火虫时,#leftcolumndiv 没有发生任何事情.
如果我.2col从两者中移除它的工作方式与我期望的一样,但我希望在那里有2col类,因为我将有一个3列布局,我不希望有一个以上样式表.有什么想法吗?
编辑:道歉,这不是我的HTML拼写错误,这是一个拼写错误,当试图在这里写出来.
您的课程不能以数字开头.
CSS 2.1:
在CSS中,标识符(包括选择器中的元素名称,类和ID)只能包含字符[a-zA-Z0-9]和ISO 10646字符U + 00A0和更高,加上连字符( - )和下划线( _); 它们不能以数字,两个连字符或连字符后跟数字开头.标识符还可以包含转义字符和任何ISO 10646字符作为数字代码(请参阅下一项).例如,标识符"B&W?" 可以写成"B \&W \?" 或"B\26 W\3F".
CSS 3:
在CSS3中,标识符(包括选择器中的元素名称,类和ID(参见[SELECT] [或仍然如此]))只能包含字符[A-Za-z0-9]和ISO 10646字符161和更高,加上连字符( - )和下划线(_); 它们不能以数字 或连字符后跟数字开头.它们还可以包含转义字符和任何ISO 10646字符作为数字代码(请参阅下一项).例如,标识符"B&W?" 可以写成"B \&W \?" 或"B\26 W\3F".(参见[UNICODE310]和[ISO10646].)
见http://www.w3.org/TR/CSS21/syndata.html#characters,http://www.w3.org/TR/css3-syntax/#characters,并哪些字符是在CSS类名有效/选择?