在写css代码的时候,经常需要对ul,ol等标签做处理,去掉列表前的项目符号,或者更换成其他符号。

一般的用到的样式有以下两种:

ul,ol {
    list-style:none;
}
ul,ol {
    list-style-type:none;
}
种写法都生效,但当时却不知道二者的区别是什么,有时候甚至怀疑自己是否记错了,今天看css相关书籍的时候,刚好看到这一部分,于是把这个简单却容易混淆的地方记录一下。

list-style是对列表标签的缩写,而list-style-type是其中的一个属性,而list-style一共可以包含三个值,即:

list-style:list-style-type|list-style-position|list-style-image

例如:

ul {
    list-style:disc outside none;
}

 因此,要去掉一个列表前面的默认符号,使用以上的两种方法都是可以的!


相关文章:

  • 2022-12-23
  • 2021-12-11
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-02-09
  • 2022-12-23
  • 2021-11-21
猜你喜欢
  • 2021-11-03
  • 2021-06-13
  • 2021-08-29
  • 2021-12-01
  • 2022-12-23
  • 2021-07-18
  • 2022-12-23
相关资源
相似解决方案