cssid的数量是否可以添加到css？

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

我想为每个定义几种风格,有些风格是相同的.所以我创建了以下css:;

#chatters, #rooms { width: 100px, margin: 0 1em 0 0; float: left; list-style: none; }
#chatters, #chat-console, #rooms { height: 300px; overflow: auto; padding: 1%;}
#chat-console, #chatters, #chat-form, #rooms input[type=text] { border: 1px solid #ccc; }

在第三个css行中,还有一个聊天表格div,但不关心这个案例.

问题:我的roomsdiv没有得到第三个css规范中指定的边界线.虽然chat-console和chatters做.

当我在浏览器中检查代码时,这就是我得到的roomsdiv:

#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的边框的行.

虽然我检查聊天和聊天控制台div我有css线 #chat-console, #chatters, #chat-form, #rooms input[type=text] { border: 1px solid #ccc; }

为什么会这样？我设置房间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的边界,我认为是你的.

要么

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

如果你想在div 和输入上的边框.