Question

将样式应用于无序列表时，为什么Class工作但Id无效。 Listo1显示一个项目符号列表，Listo2显示一个未列表的列表（至少在我尝试过的html编辑器中，如W3和Codecademy列表）。

<!DOCTYPE html>
<html>
<body>
<style> 

.listo1{
    list-style-type : none;
}

.listo2{
    list-style-type : none;
}

</style>
<h2>Unordered List without Bullets</h2>

<ul id="listo1">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>

<ul class="listo2">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>  

</body>
</html>

Answer 1

使用＃为id应用样式。

#listo1{
    list-style-type : none;
}

我建议你阅读w3school。 https://www.w3schools.com/cssref/sel_id.asp

CSS：ID不起作用，但Class

1 个答案: