Избавляемся от пулевых очков от <ul>

Question

У меня есть следующий список:

 <ul id="otis">
 <li>Benz</li>
 <li>Other Benz</li>
 <li>Other Other Benz</li>
 </ul>

Я хочу избавиться от пуль, поэтому я попробовал:

 ul#otis {
 list-style-type: none;
 }

Это не сработало. Как правильно удалить маркеры из отображаемого списка?

Answer 1

Это сработало отлично HTML

<ul id="top-list">
        <li><a href="#">Home</a></li>
        <li><a href="#">Process</a></li>
        <li><a href="#">Work</a></li>
        <li><a href="#">Team</a></li>
        <li><a href="#">Contact</a></li>
      </ul>

CSS

#top-list{
  list-style-type: none;
  list-style: none;}

Answer 2

ваш код:

ul#otis {
    list-style-type: none;
}

мое предложение:

#otis {
    list-style-type: none;

}

в css вам нужно использовать только #id, а не element#id. более полезные советы приведены здесь: w3schools

Answer 3

У меня была идентичная проблема.

Решение состояло в том, что пуля была добавлена ​​через фоновое изображение , НЕ через list-style-type. Быстрый «фон: нет» и Боб твой дядя!