多个ID选择器不起作用

Question

所以我有两个这样的Div:

<div id="first_content">
    <ul>
      <li>This</li>
      <li>text</li>
      <li>should</li>
      <li>be</li>
      <li>displayed</li>
      <li>in</li>
      <li>one</li>
      <li>line</li>
    </ul>
</div>

<div id="second_content">
    <ul>
      <li>This</li>
      <li>text</li>
      <li>should</li>
      <li>be</li>
      <li>displayed</li>
      <li>in</li>
      <li>one</li>
      <li>line</li>
    </ul>
</div>

和CSS:

#first_content, #second_content ul {
    list-style: none;
}

#first_content, #second_content ul li {
    display: inline;
}

它不起作用(至少在Firefox 34上).样式仅适用于一个ID.

当我删除其中一个ID选择器,另一个工作正常.

我想它应该有效吗？怎么了？

Answer 1

尝试:

#first_content ul, #second_content ul {
    list-style: none;
}

#first_content ul li, #second_content ul li {
    display: inline;
}

如果您尝试选择两个容器的's ul'和li's',则需要使用两个选择器指定它.