<ul>から箇条書きを取り除く

次のリストがあります。

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

弾丸を取り除きたいので、試しました：

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

それでもうまくいきませんでした。表示されたリストから箇条書きを削除する適切な方法は何ですか？

それがうまくいかなかったと仮定すると、CSSを要素に適用するために、id-basedセレクターをと組み合わせることができます。lili

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

参照：

• list-style-typeMozilla Developer Centerで。

スクリプトがスタイルシートに気付かなかったので、私自身も同じように苛立たしい問題を抱えていました。だから私は書いた：

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

それはうまくいきませんでした。それで、さらに、私は書きました：

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

出来上がり！出来た！

順序付けられていないリストから箇条書きを削除するには、以下を使用できます。

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はすでに定義されている可能性があります。したがって、その特定のULにクラス/ IDを追加し、そこに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では#idnotを使用するだけで済みますelement#id。より役立つヒントがここに提供されています： w3schools

同じ問題がありました。

解決策は、箇条書きがlist-style-typeではなく、背景画像を介して追加されたことです。簡単な「背景：なし」とボブはあなたの叔父さんです！