Тип списка Тип Не работает

Question

Когда я строил свой сайт, я набрал следующие коды. Тем не менее, тип стиля списка None None code не удалял точку/марку перед каждым элементом. Я пробовал! Важный и неудачный. Может ли кто-нибудь сказать мне, почему?

.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

Причина ваш CSS не работает потому, что list-style-type собственность должна быть приложена к дисплею: ​​элемент списка элемент, такие как li или ul. (Как @andrewli заявили, что вы нацеливаете не тот элемент).

Вы можете сделать это как так

.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> 
    <div id="homePage"><li>Home</li></div> 
    <!-- e.t.c. !--> 
</ul> 

Содержит неправильный синтаксис. Это должно быть сделано следующим образом:

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