число css ids можно добавить в css?

Question

У меня есть HTML-файл, который содержит три дивы:

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

и я хочу, чтобы определить несколько стиля для каждого, и некоторые стили совпадают. Поэтому я создал следующий 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 есть также одна форма формы чата, но нет никакого дела к делу.

Проблема: мой rooms div не получает границу, указанную в третьей спецификации css. Хотя chat-console и chatters сделаю.

Когда я проверить код в браузере это то, что я получаю за 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 у меня есть CSS линия #chat-console, #chatters, #chat-form, #rooms input[type=text] { border: 1px solid #ccc; }

Почему это происходит? я установил, что в комнатах div есть правило css. Почему он не появляется? Есть ли предел количества идентификаторов, которые нужно добавить перед правилом, и я превысил это число, чтобы оно перестало работать?

Answer 1

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

Не устанавливает границы для #rooms DIV, он только устанавливает границу на вход, который является дочерним из #rooms дел.

#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 и вход.