如何防止 CSS 重置影响特定内容？
[英]How can I prevent a CSS reset from affecting specific content?
问题描述
我正在使用 meyerweb css 重置。 它工作正常，但它重置所有默认值 styles，它在正文和模板结构（ <body> ，侧边栏等...）或主要内容（文章）中
这是个大问题！ 因为我在编辑器 ( TinyMCE ) 中设置了文本样式，但在主页上，它丢失了所有 styles，例如strong 、 italic或 (un)ordered 列表。
我该如何解决？ 我可以告诉浏览器重置表或 div 中具有特定 class 或 ID（例如#content ）的所有元素吗？
谢谢。
3 个解决方案
解决方案1
5 2012-04-04 17:06:18
您遇到了使用重置表的缺点之一，因为它们会重置所有内容。
您可能需要考虑使用完全重置的替代方法，例如normalize.css 。 这背后的想法是，与其让所有浏览器从头开始，不如让所有浏览器都达到相同的基线。 来自网站：
它有什么作用？
- 保留有用的默认值，与许多 CSS 重置不同。
- 将 styles 标准化为广泛的 HTML 元素。
- 更正错误和常见的浏览器不一致。
- 通过细微的改进提高可用性。
- 使用详细注释解释代码的作用。
这可能（或可能不会）比 Meyer 重置更适合您。
解决方案2
0 2012-04-04 16:58:02
go 的最佳方法，在我看来，是在重置后重新定义 styles，而不是将它们从重置中删除。 虽然您不应该看到上面定义的元素有任何问题，但是删除 ul 和 li 定义之类的东西可能会导致浏览器之间的行为非常不一致。 在重置后重新定义这些元素将确保跨浏览器的一致性。
解决方案3
0 2012-04-04 17:08:19
[它受到 YUI、Eric Meyer 和 Boilerplate 的影响，但它不会干扰任何典型的样式方面]
它有 6 个选项被注释掉了。 （您只需要至少修改选项 3）如果需要，您可以更改其他选项，rest 应该符合预期（通常），除非您正在制作一个变成汽车的网站。（例如强制垂直滚动，行高、字体大小由您自行决定）
CSSesta 中的 HTML5 元素“当前”比 Eric Meyers 更新，并且可能会成为维护最频繁的重置表，我知道这一点是因为我会更新它。
（试一试，如果你遇到任何问题，请告诉我，我会查看你的默认设置，并在两者之间进行调整）
如何防止第一个孩子的CSS也影响HTML表中的第二个孩子？
[英]How can I prevent first-child CSS from also affecting the second child in my HTML Table?
如何防止 iPad/iPhone 的 CSS 也影响旧版浏览器
[英]How to prevent CSS for iPad/iPhone from affecting older browsers as well
如何防止 CSS 网格布局中的项目增长以适应其内容？
[英]How can I prevent an item in a CSS grid layout from growing to accommodate its content?
如何防止浏览器的宽度影响文本的垂直位置？
[英]How can I prevent the browser's width from affecting the vertical position of text?
如何防止 ::before 伪元素影响我的 flex 布局？
[英]How can I prevent the ::before pseudo element from affecting my flex layout?
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.