リストスタイルタイプなし動作しません

Question

私のサイトを構築していたときに、次のコードを入力しました。ただし、List Style Type None Noneコードは、すべての項目の前にドット/箇条書きを削除しませんでした。私は試しました！重要で失敗しました。誰も私になぜ教えてもらえますか？

.naviMenu 
 
{ 
 
    list-style-type: none !important; 
 
}`

<div class="naviMenu"> 
 
    <ul> 
 
\t \t <div id="homePage"><li>Home</li></div> 
 
\t \t <li>About</li> 
 
\t \t <li>Text</li> 
 
\t \t <li>Photo</li> 
 
\t \t <li>Special Project</li> 
 
\t \t <li>Contact</li> 
 
\t </ul> 
 
</div>

Answer 1

list-style-typeプロパティは、ディスプレイに接続する必要がありますので、あなたのCSSが働いていない理由は、リスト項目の要素などliやulとして。 （@andrewliは、間違った要素をターゲットにしていると述べています）。

<ul> 
    <div id="homePage"><li>Home</li></div> 
    <!-- e.t.c. !--> 
</ul> 

が不正な構文が含まれています：

あなたがほんの少しサイドノート

マークアップのこの行ほど

.naviMenu > ul li { // notice how I have targeted the li element(s) rather than the whole parent container 
    list-style-type: none; // also, there is no need for !important 
} 

のようにこれを行うことができます。それはそうのように行われる必要があります：

<ul> 
    <li><div id="homePage">Home</div></li> 
    <!-- e.t.c. !--> 
</ul> 

・ホープ、このことができます！ :-)

Answer 2

ただ、このコードをコピーして貼り付ける。この

.naviMenu ul li{ 
    list-style-type:none; 
} 

Answer 3

を試してみてください。

 .naviMenu ul li { 
 
      list-style-type: none !important; 
 
     } 
 

 
    <div class="naviMenu"> 
 
     <ul> 
 
      <div id="homePage"><li>Home</li></div> 
 
      <li>About</li> 
 
      <li>Text</li> 
 
      <li>Photo</li> 
 
      <li>Special Project</li> 
 
      <li>Contact</li> 
 
     </ul> 
 
    </div>