📜  如何去除 ul li 中的点 - TypeScript (1)

📅  最后修改于: 2023-12-03 15:38:11.589000             🧑  作者: Mango

如何去除 ul li 中的点 - TypeScript

在 TypeScript 中,我们经常需要在网页中使用无序列表(ul)来展示一些内容,但是默认情况下,在每个列表项(li)前面会自动加上一个小点。如果我们不想要这个小点,应该如何去除呢?

下面,我们将介绍两种去除 ul li 中点的方法。

方法一:使用 CSS 样式

在 CSS 样式中,我们可以使用 list-style-type 属性来控制列表项前面的符号。默认情况下,它的值是 disc,代表小圆点。如果我们把它的值改为 none,就可以去掉小点了。

ul {
  list-style-type: none;
}

这个方法非常简单,而且还可以自定义列表项前面的符号。

方法二:使用 HTML 属性

如果我们只需要去除某个特定的列表项的小点,可以在 HTML 标签中使用 list-style-type 属性,而不必通过 CSS 修改整个列表。

<ul>
  <li list-style-type="none">第一个列表项</li>
  <li>第二个列表项</li>
  <li>第三个列表项</li>
</ul>

这个方法虽然灵活,但是每个列表项都需要写一次属性,比较繁琐。

综上所述,我们可以根据实际情况选择在 CSS 中统一修改,还是在 HTML 中单独修改。