有不同的Dygraph传说

Question

我有一个网站（单页），它有一个固定的图表，偶尔会有一个隐藏的div弹出图。

我正在使用CSS

.dygraph-legend {
    background-color: rgba(200, 200, 200, 0.25) !important;
    padding: 4px;
    margin-top:30px;
    border: 1px solid #000;
    border-radius: 4px;
    pointer-events: none;
    font-size: 9px; font-weight:normal ; font-family: sans-serif;
}

这对我的主图很有效，但我想要一些不同的弹出窗口。

如何指定两种不同的传奇样式？

Answer 1

您可以使用CSS选择器独立定位每个图表。

例如，

HTML：

<div id="chart1"></div>
<div id="chart2"></div>

CSS：

#chart1 .dygraph-legend {
  /* styles for chart1 here */
}
#chart2 .dygraph-legend {
  /* styles for chart2 here */
}