<del>可合法嵌套在<p>中，因它是行内容元素；问题多源于标签交叉闭合、IE怪异模式、误用<s>或不当CSS覆盖，正确写法为<p>原价：<del>¥199</del>，现价：¥129</p>。
为什么不能在 <p> 里直接写 <del>？
可以，而且完全合法——<del> 是行内容（phrasing content），<p> 明确允许嵌套行内容。所谓“不能嵌套”是误传，常见于混淆了 <p> 和 <div> 的容器类型限制（比如 <p> 确实不能包 <div>，但 <del> 不在此列）。
真正出问题的往往是以下情况：
- 手误写成
<p><del>文字</p></del>—— 标签交叉闭合，浏览器会自动纠错，但结果不可控 - 把
<del>当成块级标签强行换行或加 margin，却没意识到它默认是 inline 元素 - 在旧版 IE（如 IE8 及更早）中未声明 DOCTYPE，触发怪异模式，导致
<del>渲染异常
<p> 嵌套 <del> 的标准写法与常见错误
正确写法就是自然嵌套，无需额外 wrapper 或 hack：
<p>原价：<del>¥199</del>，现价：¥129</p>
这种结构语义清晰、兼容性好（所有现代浏览器 + IE9+ 均支持）。容易踩的坑包括：
html-to-pptx-converter
下载
使用 PptxGenJS 和 Python 解析，将结构化的 HTML/CSS 幻灯片内容转换为原生、可编辑的 PowerPoint（.pptx）演示文稿。
立即学习“前端免费学习笔记（深入）”；
- 用
<s>替代<del>：虽能渲染删除线，但<s>表示“不再准确的内容”，不表达“被删除”动作，语义错位 - 给
<del>加display: block后忘记重设text-decoration，导致删除线位置偏移或消失 - 在 CSS 中对
<p>设置了text-decoration: line-through，结果整段都被划掉——因为该属性会继承，子元素无法自动取消
需要自定义删除线颜色/粗细时怎么处理
原生 <del> 标签不支持样式定制；它的删除线由浏览器默认绘制，无法单独调色或加粗。若需控制颜色、厚度或位置，必须放弃语义化标签，改用 CSS：
- 方案一（推荐）：保留
<del>语义，再用 CSS 覆盖text-decoration三件套：text-decoration-line: line-through+text-decoration-color: #ff6b6b+text-decoration-thickness: 2px - 方案二（兼容老浏览器）：用
::after伪元素模拟删除线，完全可控，但需手动定位、且丧失语义 - 避免混用：不要一边写
<del>，一边又在同个元素上设text-decoration，容易触发渲染冲突
嵌套层级深了会不会影响可访问性或 SEO
不会。只要嵌套合法（例如 <p><strong><del>文字</del></strong></p>），屏幕阅读器和搜索引擎都能正常解析语义。真正影响可访问性的，是滥用 <del>——比如把它当装饰用，删掉的其实是有效信息，或者删掉后没提供替代文案（如 aria-label 或上下文说明）。
一个常被忽略的细节：<del> 支持 cite 和 datetime 属性，用于说明删除依据和时间，这对法律文档、版本对比类页面很关键，但多数人直接忽略。
