css - 嵌套的 CSS 选项卡，冲突的 ul 和 li 格式

Question

我有一个使用无序列表和列表项在 css 中构建的选项卡系统。我想在我的内容区域中使用相同的视觉样式嵌入第二个选项卡结构。我能够做到这一点并且一切正常，但是存在外观问题。在我的内容区域内，我有不同的设置 ul 定义。我基本上想告诉一个 div 遵循内容区域中定义的一半指令。需要间距和那种类型的格式，但我希望忽略 ul 的东西。

如果有人有这方面的经验，我很乐意提供任何需要的代码。我不想发布一堆无助于解决问题的东西。

谢谢你的帮助

Answer 1

将“未重置”CSS 块应用于您的内容区域。

见：https ://github.com/jbcrawford/Un-ResetStylesheet

或： http: //noscope.com/vanilla-css

Answer 2

您只需要在您的内容中专门针对 lis 和 uls 并覆盖您不想要或更改的值。

如果您的内容位于名为#content 的包装器中，并且选项卡称为.tabs，则执行

#content .tabs {
background-image:none;
margin:0px;
}

等等，设置你需要的值。

标签的样式如何？使用完全相同的选择器，但在它们前面放置一个选择器，例如内容包装器，以便您可以专门针对它们。

没有任何代码很难给你一个准确的答案。