-2

我已经阅读了关于在 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从两者中删除它，它会像我期望的那样工作，但我希望在那里有 2col 类，因为我将有一个 3 列布局，我不想有多个样式表。有什么想法吗？

编辑：抱歉，这不是我的 HTML 中的拼写错误，这是尝试在这里写出来时的拼写错误。

4

3 回答 3

6

您的课程不能以数字开头。

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 类名中有效/选择器？

于 2013-05-30T16:29:04.063 回答
3

您拼错了类属性

<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 及更高，加上连字符 (-) 和下划线 ( _); 它们不能以数字、两个连字符或一个连字符后跟一个数字开头。标识符还可以包含转义字符和任何 ISO 10646 字符作为数字代码（请参阅下一项）。例如，标识符“B&W？” 可以写成“B\&W\?” 或“B\26 W\3F”。

于 2013-05-30T16:23:07.177 回答
-1

属性class拼写错误

于 2013-05-30T16:24:08.897 回答