กำจัดสัญลักษณ์แสดงหัวข้อย่อยจาก <ul>

ฉันมีรายการต่อไปนี้:

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

ฉันต้องการกำจัดกระสุนดังนั้นฉันพยายาม:

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

ที่ไม่ทำงานแม้ว่า วิธีที่เหมาะสมในการลบหัวข้อย่อยออกจากรายการที่แสดงคืออะไร?

สมมติว่าใช้งานไม่ได้คุณอาจต้องการรวมidตัวเลือก -based กับ a liเพื่อใช้ css กับliองค์ประกอบ:

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

อ้างอิง:

• list-style-typeที่ศูนย์ผู้พัฒนา Mozilla

ฉันมีปัญหาที่น่ารำคาญอย่างมากเหมือนกันตั้งแต่สคริปต์ไม่ได้แจ้งให้ทราบถึงสไตล์ของฉัน ดังนั้นฉันจึงเขียนว่า:

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

ที่ใช้งานไม่ได้ ดังนั้นนอกจากนี้ฉันเขียนว่า:

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

Voila! มันใช้งานได้!

ในการลบหัวข้อย่อยออกจากรายการที่ไม่ได้เรียงลำดับคุณสามารถใช้:

list-style: none;

คุณยังสามารถใช้:

list-style-type: none;

การทำงานอย่างใดอย่างหนึ่ง แต่วิธีแรกเป็นวิธีที่สั้นกว่าเพื่อให้ได้ผลลัพธ์เดียวกัน

รหัสต่อไปนี้

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

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

จะสร้างผลลัพธ์นี้:

ลองใช้สิ่งนี้แทนทดสอบบน Chrome / Safari

ul {
 list-style: none;
}

ใส่

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

ทันทีก่อนรายการเพื่อทดสอบ หรือ

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

ในการลบกระสุนจากULคุณก็สามารถใช้list-style: none;หรือlist-style-type: none;ถ้ายังไม่ทำงานแล้วผมคิดว่ามีปัญหาที่มีความสำคัญCSS อาจเป็น UL ทั่วโลกที่กำหนดไว้แล้ว วิธีที่ดีที่สุดในการเพิ่ม class / ID ให้กับ UL นั้นและเพิ่มCSSของคุณที่นั่น หวังว่ามันจะได้ผล

สิ่งนี้ทำงานได้อย่างสมบูรณ์แบบกับ 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;}

ต้องมีอย่างอื่น

เพราะ:

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

ควรจะทำงาน

อาจมีกฎ CSS บางอย่างที่เขียนทับมัน

ใช้ผู้ตรวจสอบ DOM ของคุณเพื่อค้นหาคำตอบ

ฉันมีปัญหาเดียวกันและวิธีที่ฉันได้รับการแก้ไขมันเป็นเช่นนี้:

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

อาจจะสุดโต่งเล็กน้อย แต่เมื่อฉันทำอย่างนั้นมันได้ผลสำหรับฉัน

สำหรับสไตล์ชีทแบบอินไลน์ลองใช้รหัสนี้

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

รหัสของคุณ:

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

คำแนะนำของฉัน:

#otis {
    list-style-type: none;

}

ใน css ที่คุณจะต้องใช้ไม่ได้#id element#idคำแนะนำที่เป็นประโยชน์เพิ่มเติมมีให้ที่นี่: w3schools

ฉันมีปัญหาเหมือนกัน

วิธีแก้ไขคือกระสุนถูกเพิ่มผ่านภาพพื้นหลังไม่ใช่ผ่านรายการแบบลักษณะ พื้นหลังที่รวดเร็ว: ไม่มีและบ๊อบเป็นลุงของคุณ!