css - 如何去掉列表项旁边的点？

Question

我遇到这个问题，在索引页面中显示我的所有文章时，我在最左侧看到一个点:

如果有人知道如何消除这些点，我们将不胜感激。这是该页面的源代码。

   <ul class="articles">
     <% @articles.each do |article| %>
      <li class="excerpt">
        <%= sanitize(truncate(article.body, length: 250)) %>
          <div class="read-more">
           <%= link_to "Read more", article_path(article), class: 'btn btn-primary' %>
        </div>
      </li>
    <% end %>
   </ul>

Answer 1

那是因为您使用的是 <li>元素，默认情况下带有令人讨厌的元素符号点。请参阅this question - 将其添加到您的 CSS 中:

ul.articles
{
    list-style-type: none;
}