css - 如何防止 CSS 重置影响特定内容?

标签 css

我正在使用 meyerweb css 重置。它工作正常,但它会重置所有默认样式,这些样式位于正文和模板结构( <body> 、边栏等...)或主要内容(文章)中

这是个大问题!因为我在编辑器 ( TinyMCE ) 中设置了文本样式,但在主页上,它丢失了所有样式,例如 strong , italic或(无)有序列表。

我该如何解决?我可以告诉浏览器重置表或 div 中具有特定类或 ID(例如 #content)的所有元素吗?

谢谢。

最佳答案

您遇到了使用重置表的缺点之一,因为它们会重置所有内容。

您可能需要考虑使用完全重置的替代方法,例如 normalize.css .这背后的想法是,与其让所有浏览器从头开始,不如让所有浏览器都达到相同的基线。来自网站:

What does it do?

  • Preserves useful defaults, unlike many CSS resets.
  • Normalizes styles for a wide range of HTML elements.
  • Corrects bugs and common browser inconsistencies.
  • Improves usability with subtle improvements.
  • Explains what code does using detailed comments.

这可能(也可能不会)比 Meyer 重置更适合您。

关于css - 如何防止 CSS 重置影响特定内容?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10015633/

相关文章:

javascript - 向下滚动时 Logo 会改变

html - 具有多列布局和移动 div 框排序的 flexbox

jquery - jQuery Mobile 标题中的多个按钮和搜索位置?

python - 将十六进制颜色代码与 CSS 代码分开的正则表达式 - 非平凡案例

javascript - datalist如何判断下拉列表中是否选择了输入

html - Firefox 看不到输入文本

html - 如何更改第n个div的背景颜色

css - IE11 中的 Flex 元素溢出容器

wordpress - 覆盖 wordpress 插件的 iframe 固定大小 iz 简码

html - 如何在图标顶部对齐徽章