Pozbycie się wypunktowania z <ul>

Mam następującą listę:

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

Chcę się pozbyć kul, więc spróbowałem:

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

To jednak nie zadziałało. Jaki jest właściwy sposób usuwania punktorów z wyświetlanej listy?

Zakładając, że to nie zadziałało, możesz chcieć połączyć idselektor oparty na bazie z selektorem li, aby zastosować css do lielementów:

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

Odniesienie:

• list-style-typew Mozilla Developer Center .

Sam miałem ten sam ekstremalnie irytujący problem, ponieważ skrypt nie zwracał uwagi na mój arkusz. Więc napisałem:

<ul style="list-style-type: none;">

To nie zadziałało. Więc dodatkowo napisałem:

<li style="list-style-type: none;">

Voila! zadziałało!

Aby usunąć punkty z list nieuporządkowanych, możesz użyć:

list-style: none;

Możesz także użyć:

list-style-type: none;

Każda z nich działa, ale pierwsza to krótsza droga do uzyskania tego samego wyniku.

Poniższy kod

#menu li{
  list-style-type: none;
}

<ul id="menu">
        <li>Root node 1</li>
        <li>Root node 2</li>
    </ul>

wygeneruje następujący wynik:

Spróbuj tego zamiast tego, przetestowane w przeglądarce Chrome / Safari

ul {
 list-style: none;
}

Położyć

<style type="text/css">
 ul#otis {
     list-style-type: none;
   }
</style>

bezpośrednio przed listą, aby ją przetestować. Lub

<ul style="list-style-type: none;">

Aby usunąć punktor UL, możesz po prostu użyć list-style: none;lub. list-style-type: none;Jeśli nadal nie działa, myślę, że istnieje problem z priorytetem CSS . Może być już zdefiniowane globalnie UL. Najlepszym sposobem jest więc dodanie klasy / ID do tego konkretnego UL i dodanie tam swojego CSS . Mam nadzieję, że to zadziała.

To działało doskonale 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;}

Musi być coś jeszcze.

Ponieważ:

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

powinno po prostu działać.

Być może jest jakaś reguła CSS, która ją zastępuje.

Skorzystaj z inspektora DOM, aby się dowiedzieć.

Miałem ten sam problem, a sposób, w jaki go naprawiłem, wyglądał następująco:

ul, li{
    list-style:none;
    list-style-type:none;
}

Może to trochę ekstremalne, ale kiedy to zrobiłem, zadziałało.

w przypadku wbudowanego arkusza stylów wypróbuj ten kod

<ul style="list-style-type: none;">
    <li>Try This</li>
    </ul>

Twój kod:

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

moja sugestia:

#otis {
    list-style-type: none;

}

w css wystarczy użyć #idnot element#id. bardziej pomocne wskazówki znajdują się tutaj: w3schools

Miałem identyczny problem.

Rozwiązanie polegało na tym, że punktor został dodany za pomocą obrazu tła , a NIE przez typ listy. Szybkie tło: brak i Bob jest twoim wujem!