要彻底取消 text-indent，需先通过开发者工具的 computed 标签确认其来源和值；若为内联样式，须用 !important 或属性选择器覆盖；若因重置 css 顺序或优先级问题，则调整加载顺序或提高 specificity；若视觉偏移非缩进导致，应排查浮动、flex/grid 布局或前置元素干扰。
text-indent 被设了但你想彻底取消——不是“没生效”，而是它确实存在且值不为 0，比如来自重置 CSS、富文本编辑器输出或内联样式。直接覆盖为 0 就行，但得注意覆盖方式是否真起效。
检查 computed styles 确认缩进来源
打开浏览器开发者工具 → 找到目标 <p></p> → 切到 “Computed” 标签页 → 搜索 text-indent。重点看两点：
- 最终值是不是
0px或0em - 来源行号指向哪条 CSS 规则（是
reset.css？editor-output.css？还是style="text-indent: 2em"？）
如果来源是内联样式（style="..."），仅用 p { text-indent: 0; } 不够，必须加 !important 或提高 specificity。
覆盖内联样式需用 !important 或属性选择器
富文本编辑器导出的 HTML 常带 style="text-indent: 2em"，这种内联样式优先级高于普通 CSS 规则。此时：
- 写
p[style] { text-indent: 0 !important; }可批量清除所有带style属性的p的缩进 - 若只想清特定段落，加类名更可控：
<p class="no-indent">...</p>+.no-indent { text-indent: 0 !important; } - 避免无差别用
!important，只在对抗内联样式时必要；否则会增加后续维护成本
重置 CSS 后仍残留缩进？先确认是否被其他规则覆盖
有些 reset 会显式写 p { text-indent: 0; }，但你的自定义样式又写了 p { text-indent: 2em; }，结果看似“取消失败”。这时：
- 检查样式加载顺序：你的修复 CSS 必须在 reset 之后引入
- 检查 specificity：如果 reset 写的是
html p { text-indent: 0; }，而你只写p { text-indent: 0; }，那 reset 的规则权重更高，不会被覆盖 - 临时加
body p { text-indent: 0; }测试是否生效，能快速验证是否是优先级问题
首段缩进取消后文字还偏右？可能是浮动或布局干扰
看起来像“缩进没取消”，但 Computed 里 text-indent 已是 0，常见于：
- 上一个元素用了
float: left且未清除，导致该p文本绕排，首行被顶到右侧 - 父容器是
display: flex或grid，p实际 display 被强制为flex-item，text-indent失效（此时视觉偏移不是缩进，是布局塌陷） - 段落开头有
<img>或<svg></svg>，缩进锚点在图片左侧，文字本身没动
验证方法：给该 p 临时加 clear: both 或 display: block，看偏移是否消失。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
