如何无需为每个元素加自定义类，恢复特定区域段落和列表默认样式？

Bootstrap 5默认会重置段落（p）的边距，以及无序列表（ul）、有序列表（ol）的项目符号、内边距等原生样式，这是为了统一框架内的排版风格。针对你提到的用户生成内容区域需求，目前Bootstrap官方并没有内置的“撤销重置”类，但可以通过非常简洁的方式实现目标——仅给容器添加一个自定义类，就能让其子元素恢复浏览器默认样式，无需逐个给段落/列表加类。

具体实现： #

1. 给用户生成内容的容器添加自定义类，比如 .user-content
2. 添加以下CSS规则：

.user-content p,
.user-content ul,
.user-content ol {
  all: revert;
}

all: revert 是CSS原生属性，它会将元素的样式直接恢复到浏览器默认值，刚好能抵消Bootstrap的重置样式，而且兼容性覆盖了绝大多数现代浏览器（Chrome、Firefox、Safari 14.1+、Edge等）。

如果你的用户生成内容还包含其他需要恢复默认样式的元素（比如引用块blockquote、定义列表dl等），可以扩展选择器：

.user-content p,
.user-content ul,
.user-content ol,
.user-content blockquote,
.user-content dl,
.user-content dd {
  all: revert;
}

这种方式既不用修改用户生成的内容，也不用大量重写样式，完全符合你想要的“容器加类批量恢复默认样式”的需求。

内容的提问来源于stack exchange，提问作者Alex Smirnoff