kobe

快乐工作:前端;健康生活:篮球;爱笑笑

list-style与list-style-type的区别

在写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;
}

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


posted @   胡涛儿  阅读(684)  评论(0编辑  收藏  举报
编辑推荐:
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· C#/.NET/.NET Core技术前沿周刊 | 第 29 期(2025年3.1-3.9)
· 从HTTP原因短语缺失研究HTTP/2和HTTP/3的设计差异
点击右上角即可分享
微信分享提示