html - 水平列表内联样式有效，但 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;
}