📅  最后修改于: 2023-12-03 15:38:11.589000             🧑  作者: Mango
在 TypeScript 中,我们经常需要在网页中使用无序列表(ul)来展示一些内容,但是默认情况下,在每个列表项(li)前面会自动加上一个小点。如果我们不想要这个小点,应该如何去除呢?
下面,我们将介绍两种去除 ul li 中点的方法。
在 CSS 样式中,我们可以使用 list-style-type 属性来控制列表项前面的符号。默认情况下,它的值是 disc,代表小圆点。如果我们把它的值改为 none,就可以去掉小点了。
ul {
list-style-type: none;
}
这个方法非常简单,而且还可以自定义列表项前面的符号。
如果我们只需要去除某个特定的列表项的小点,可以在 HTML 标签中使用 list-style-type 属性,而不必通过 CSS 修改整个列表。
<ul>
<li list-style-type="none">第一个列表项</li>
<li>第二个列表项</li>
<li>第三个列表项</li>
</ul>
这个方法虽然灵活,但是每个列表项都需要写一次属性,比较繁琐。
综上所述,我们可以根据实际情况选择在 CSS 中统一修改,还是在 HTML 中单独修改。