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

Question

我正在尝试将Google CSE合并到我的网站中。搜索工作正常。我在使用母版页的网站页面上使用Nijhof的ASP.NET Google CSE search control。问题是Google的风格不仅会影响页面上的Google搜索结果，还会影响页面上的其他元素，例如导航。 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;
}

我很感激有关如何沙箱搜索样式的任何帮助。谢谢！

Answer 1

过度裁定Google风格的一种略微'hacky'的方法是在自己的样式上使用！重要标记。

Answer 2

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

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

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