Html 可以添加到css中的css ID的数量？

我有一个包含三个div的html文件：

<div id="rooms"></div>
<div id="chatters"></div>
<div id="chat-console"></div>

在第三行css中，还有一个聊天表单div，但与本例无关

问题：my

rooms

div没有获得第三个css规范中指定的边界线。虽然

聊天控制台

和

聊天室

都可以

当我在浏览器中检查代码时，这是我在

rooms

div中得到的：

#chatters, #chat-console, #rooms {height: 300px; overflow: auto; padding: 1%;}
#chatters, #rooms { width: 100px; margin: 0px 1em 0px 0px; float: left; list-style: none outside none;}

但是永远不要看到行

#chat console，#chatters，#chat form，#rooms input[type=text]{border:1px solid#ccc；}

中为div设置了边框

虽然当我检查chatters和chat console div时，我有css行

#chat console，#chatters，#chat form，#rooms input[type=text]{border:1px solid#ccc；}

为什么会这样？我将rooms div也设置为具有css规则。为什么没有出现？ 在规则之前添加的ID数量有限制吗？我超过了这个数量，所以它停止工作了

#rooms input[type=text] { border: 1px solid #ccc; }

不设置#rooms div的边框，它只设置作为#rooms div子对象的输入上的边框

#chat-console, #chatters, #chat-form, #rooms { border: 1px solid #ccc; }

因为我想你在追求的是div的边界

或

如果您希望在div和上添加边框，则输入

不设置#rooms div的边框，它只设置作为#rooms div子对象的输入上的边框

#chat-console, #chatters, #chat-form, #rooms { border: 1px solid #ccc; }

因为我想你在追求的是div的边界

或

---

如果要在div和输入上添加边框。

#rooms input[type=text]

指定css应用于#rooms元素中的该元素。它不直接适用于房间。您最好使用类来完成所有这一切。如果有限制，它也不适用于

chatters

。我认为某个地方发生了冲突。

#rooms input[type=text]

指定css应用于#rooms元素中的该元素。它不直接适用于房间。您最好使用类来完成所有这一切。如果有限制，它也不适用于

chatters

。我认为某个地方发生了冲突。这解决了C的问题，但我发布的代码实际上为其他div设置了这些边框，我不必创建另一个css规则。这解决了C的问题，但我发布的代码实际上为其他div设置了这些边框，我不必创建另一个css规则。

#chat-console, #chatters, #chat-form, #rooms, #rooms input[type=text] { border: 1px solid #ccc; }