我不明白为什么内部CSS不会覆盖由Google创建的外部CSS ...
此外部CSS需要创建Google搜索栏（在我的情况下，仅用于创建结果页面-SERP）
<!DOCTYPE html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js" type="text/javascript"></script>
<script src="http://www.google.com/jsapi" type="text/javascript"> </script>
<style type="text/css">
.gs-result .gs-title, .gs-result .gs-title * {
}
.gs-result a.gs-visibleUrl, .gs-result .gs-visibleUrl {
color: #008000;
text-decoration: none;
display: none;
}
.gsc-table-result {
font-family: 'PT Sans', Arial,sans-serif;
font-size: 14px;
width: 100%;
}
</style>
<script type="text/javascript">
google.setOnLoadCallback(googlata);
google.load('search', '1');
// other js-code that works ;)
</script>
</head>
为什么???
谢谢！
编辑
结果页是由google cse创建的，并添加到了我的div中。这是创建的代码：
<div id="cse"> //my div
<div class="gsc-control-cse gsc-control-cse-it"> //here there is a google code... i show you only parents beacause the code is too long
<div class="gsc-control-wrapper-cse" dir="ltr" style="visibility: visible;">
</div>
这是我的代码的一部分：
http://jsfiddle.net/2rg86vm6/1/
只是一部分所以不起作用;）
最佳答案
在您的代码上使用!important，尽管我不鼓励您永久这样做，但仅将其用于测试（更好的方法是增强选择器）：
.gs-result a.gs-visibleUrl, .gs-result .gs-visibleUrl {
color: #008000 !important;
text-decoration: none !important;
display: none !important;
}关于javascript - 内部CSS无法覆盖外部CSS(api Google)...为什么？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/33736346/