沙盒化 Google 自定义搜索引擎的样式答案

【问题标题】：Sandboxing Google Custom Search Engine's Styles沙盒化 Google 自定义搜索引擎的样式
【发布时间】：2010-10-15 17:45:57
【问题描述】：

我正在尝试将Google CSE 合并到我的网站中。搜索工作正常。我在使用母版页的网站页面上使用 Nijhof 的 ASP.NET Google CSE search control。问题是谷歌的风格不仅影响页面上的谷歌搜索结果，还影响页面上的其他元素，比如我的导航。 Google 会注入以下影响页面上其他元素的样式：

body, td, div, .p, a {Search.a...chStr=mmm (line 278)
font-family:arial,sans-serif;
}
div, td, .n a, .n a:visited {Search.a...chStr=mmm (line 278)
color:#000000;
}

对于如何对搜索样式进行沙箱化处理，我将不胜感激。谢谢！

【问题讨论】：

标签： asp.net css google-custom-search

【解决方案1】：

在您自己的样式中使用 !Important 标记来推翻 Google 样式的一种略显“老套”的方式。

【讨论】：

感谢乔恩的回答。我已经尝试过了，但似乎没有用。也许我没有在正确的样式中添加“！重要”。我会再看一遍这个，我会回复你的。谢谢。

【解决方案2】：

如果您自己的样式使用 ID 元素进行选择，它们将优先于 Google 规则。

例如，在代码周围使用 id 为“容器”的 div。

然后使用以#container 开头的 CSS 规则来获得优先级。

【讨论】：

不幸的是，我的样式通常不会应用基于 ID 的样式，而是基于 css 类。此外，该网站太大，此时无法更改。不过，谢谢。