嵌套的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;
}

依此类推，设置您需要的值。

标签的样式如何？使用完全相同的选择器，但在它们前面放置一个选择器，就像内容包装器一样，这样你就可以专门定位它们。

很难在没有任何代码的情况下给出确切答案。