Mermi noktalarından <ul> kurtulmak

Aşağıdaki listeye sahibim:

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

Mermilerden kurtulmak istiyorum, bu yüzden denedim:

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

Bu işe yaramadı. Görüntülenen listeden madde işaretlerini kaldırmanın uygun yolu nedir?

Bunun işe yaramadığını varsayarsak , css öğelerini uygulamak için -based idseçiciyi ile birleştirmek isteyebilirsiniz :lili

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

Referans:

• list-style-typeMozilla Geliştirici Merkezi'nde .

Senaryo benim styelsheet herhangi bir bildirim almadı çünkü kendimi aynı aşırı tahriş edici sorun vardı. Ben de yazdım:

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

Bu işe yaramadı. Buna ek olarak , şunu yazdım:

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

İşte bu kadar! işe yaradı!

Sıralanmamış listelerden madde işaretlerini kaldırmak için şunları kullanabilirsiniz:

list-style: none;

Ayrıca kullanabilirsiniz:

list-style-type: none;

Ya işe yarıyor ama ilki aynı sonucu almanın daha kısa bir yolu.

Aşağıdaki kod

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

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

bu çıktıyı üretecek:

Bunu deneyin, Chrome / Safari'de test edildi

ul {
 list-style: none;
}

Koymak

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

listeden hemen önce test etmek için. Veya

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

Eğer ULsen-ebilmek kaldırmak mermi kaldırmak için basitçe kullanabilirsiniz list-style: none;veya list-style-type: none;hala çalışmıyorsa o zaman öncelik CSS bir sorun var sanırım . Küresel olarak UL zaten tanımlanmış olabilir. En iyi yol, söz konusu UL'ye bir sınıf / kimlik eklemek ve CSS'nizi oraya eklemek . Umarım işe yarar.

Bu mükemmel HTML çalıştı

<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;}

Başka bir şey olmalı.

Çünkü:

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

sadece çalışmalı.

Belki de üzerine yazan bir CSS kuralı vardır.

Öğrenmek için DOM denetçinizi kullanın.

Aynı sorunu yaşadım ve düzeltmeyi bitirmenin yolu şöyle oldu:

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

Belki biraz aşırı, ama bunu yaptığımda benim için çalıştı.

satır içi stil sayfası için bu kodu deneyin

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

senin kodun:

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

benim önerim:

#otis {
    list-style-type: none;

}

css sadece kullanmanız gerekir #iddeğil element#id. burada daha faydalı ipuçları verilmektedir: w3schools

Özdeş bir sorunum vardı.

Çözüm, merminin liste stili tipi yerine bir arka plan görüntüsü yoluyla eklenmesiydi . Hızlı bir 'arka plan: hiçbiri' ve Bob amcan!