有没有办法将 css 限制为仅适用于内容区域中的内容而不是整个页面？答案

【问题标题】：Is there a way to limit a css to only apply to what is in a content area and not the entire page?有没有办法将 css 限制为仅适用于内容区域中的内容而不是整个页面？
【发布时间】：2010-07-06 18:24:34
【问题描述】：

有没有办法将 css 限制为仅适用于内容区域中的内容，而不适用于整个页面？

我有一个 ASP.NET 4.0 应用程序。我从其他人那里获得了一些我不理解的东西（它是 javascript 并使用 css）。按照他的指示，我将其放在页面上以设置列表样式 (UL)。所有这些都发生在内容占位符内。但是，现在 MasterPage 上的一些 UL 也受到这种风格的影响。

【问题讨论】：

标签： css

【解决方案1】：

内容占位符是否是 html 元素 - 如果是这样，您可以向其中添加一个类或 id，并使用它来将您的 ul 的 css 样式限制为仅在“主要”部分中的样式。如果没有，您可能需要将您的内容包装在一个额外的 div 中：

例如

<div id="main"> 
<!-- content here including the ul -->
</div>

然后是样式的css：

#main ul
{
// styling here
}

【讨论】：

【解决方案2】：

正如 Kris 所说，您可以使用 id 选择器。这是做到这一点的“正确方法”。

如果由于您的限制（运行难以理解的神秘代码）而无法使用，您可能需要另一种选择。

幸运的是，组合也很简单：将应用程序放入 iframe 并从单独的空白页面托管它。

【讨论】：