水平列表內聯樣式工作，但css反射不是

Question

嘗試通過使用CSS文檔製作水平列表。當我使用內聯sttyling列表顯示爲想要的，但是當我使用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

由於達留Majchrzak規定，您被不正確地使用了 '＃'，而不是'。'

這是一個問題，因爲在CSS元素ID的標有＃而類標有。，在這裏您引用類「頁腳列表」

，如果獲得

ID =「頁腳列表」

比你原來的＃頁腳列表代碼將曾作爲預期。