水平列表内联样式有效，但CSS引用却没有

Question

尝试通过使用CSS文档来制作水平列表。当我使用列表时，列表按需显示时，但是当我使用CSS选择器时，它却没有。我的CSS并没有被覆盖，因为我也在JSBIN进行了测试。

#footer-list li {
  display: inline;
}
  <ul class="footer-list">
                <li><a href="">1</a></li>
                <li><a href="">2</a></li>
                <li><a href="">3</a></li>
                <li><a href="">4</a></li>
            </ul>
  <ul>
                <li style="display:inline;"><a href="">1</a></li>
                <li style="display:inline;"><a href="">2</a></li>
                <li style="display:inline;"><a href="">3</a></li>
                <li style="display:inline;"><a href="">4</a></li>
            </ul>

Answer 1

您使用错误的选择器，尝试"点"而不是"哈希"

.footer-list li {
  display: inline;
}

Answer 2

正如dariusz majchrzak所说，您错误地使用'＃'而不是'。

这是一个问题，因为在CSS元素中 ID 的s用＃标记，而类用标记。在这里您引用了"页脚列表"

这是

id ="页脚列表"

比您的原始代码＃footer-list 可以按预期工作。