如何清除单个段落样式？指定div内段落样式清除优化咨询

问题1：如何清除单个段落的所有样式？ #

最简单高效的方式是给目标段落加一个专属类，然后利用CSS的all属性一次性完成样式重置：

/* 给需要清除样式的段落添加这个类 */
.reset-paragraph {
  all: revert;
  /* 可选补充：确保段落保持块级显示，避免某些场景下布局错乱 */
  display: block;
}

这里优先用all: revert而非unset的原因：

• revert会把元素的所有CSS属性恢复到浏览器默认样式，比如段落自带的上下外边距、块级布局都会保留，只是清除你自定义的样式；
• 如果用unset，非继承属性会回到初始值（比如段落可能变成inline元素），反而容易打乱原有布局。

问题2：清除div内段落的所有样式（含段落内HTML标签的默认样式） #

你的当前实现思路没问题，但手动枚举所有行内标签太繁琐，还容易遗漏（比如cite、sub、sup这类标签没覆盖到）。这里给你两个更优的方案：

方案1：一次性覆盖段落内所有子元素 #

/* 先重置div内段落本身的自定义样式 */
.ex2 p {
  all: revert;
}

/* 清除段落内所有子元素的特殊样式，让它们和普通文本一致 */
.ex2 p * {
  all: unset;
  display: inline; /* 保持行内元素的布局特性，避免意外换行或块级显示 */
  color: inherit; /* 继承父段落的文字颜色，解决链接默认蓝色这类问题 */
}

用.ex2 p *可以选中段落内的所有子元素，不管是什么标签，都能统一清除样式，比逐个写选择器高效得多。

方案2：让子元素继承段落样式（更轻量） #

如果你的需求只是让段落内的标签（比如em、strong）不再有默认特殊样式，而是和段落文字保持一致，也可以用inherit：

.ex2 p {
  all: revert;
}

.ex2 p * {
  all: inherit;
}

这样所有子元素会完全继承段落的样式，自然就清除了自身的默认格式（比如strong不再加粗，em不再斜体）。

内容的提问来源于stack exchange，提问作者Natasha Byliova