Question

我通过sensorobjectservice（SOS）接收点功能。他们的风格尚未在任何style.css中定义。如果我将鼠标悬停在该功能上并检查Firebug中的一个功能元素，它将显示为ID为“OpenLayers.Geometry.Point_112”的标记。我可以在Firebug中内联更改填充颜色，但如果我在css文件中为该id定义一个样式，它就不会做出反应。颜色不会改变。

#OpenLayers.Geometry.Point_112{
    fill: olive !important;
}

有什么想法吗？

Answer 1

之所以发生这种情况，是因为在CSS中，点（。）代表类。因此，当您放置＃OpenLayers.Geometry.Point_112时，CSS将查找ID为#OpenLayers的元素以及类.Geometry和.Point_112。

这样的事情：

<element id="OpenLayers" class="Geometry Point_112"></element>

要解决此问题，您需要在CSS中使用转义字符（\）：

＆＃13;

#OpenLayers\.Geometry\.Point_112{
  display:block;
  background-color: olive;
}

＆＃13;

<div id="OpenLayers.Geometry.Point_112">hey</div>

＆＃13;

更多详情：backslash (\) escaping

通过CSS样式SOS点功能

1 个答案: