为什么 Chrome 会忽略我的 CSS 选择器？答案

【问题标题】：Why is Chrome ignoring my CSS selector?为什么 Chrome 会忽略我的 CSS 选择器？
【发布时间】：2019-03-27 20:50:14
【问题描述】：

在下一页http://ada.kiexpro.com/test2/map.html 我补充说：

white-space: normal;

包装来自 Google 地图 API 的版权文本。它适用于 FF 和 IE，但 Chrome 似乎忽略了 CSS 选择器：

global.css：

#cm_map span {
white-space: normal !important;
}

【问题讨论】：

标签： css google-chrome

【解决方案1】：

Google 有一个匿名 div，其中包含围绕版权内容的内联样式。我能看到的唯一钩子是它是“logocontrol”div 的兄弟。要覆盖，请尝试以下操作：

#cm_map #logocontrol + div[style] {
    left: auto !important;
    line-height: 13px;
    right: 5px;
    bottom: 6px !important;
    white-space: normal;
    width: 95%;
}

没有经过彻底测试，但类似这样的东西应该可以工作。

【讨论】：

【解决方案2】：

这也可能是 Chrome 中的一个错误：white-space normal !important 不会覆盖 nowrap。

我已经在http://code.google.com/p/chromium/issues/detail?id=89573 报告了这个错误，但根据他们的情况completely ignoring a more important issue since 2009，我几乎没有希望解决这个问题。

【讨论】：

【解决方案3】：

这是 chrome 忽略重要的另一个例子。这一次它的位置。取消单击“位置：相对”确实会将绝对值带入图片。所以样式是有效的。

【讨论】：