在传单弹出窗口中自定义链接样式

Question

我正在尝试自定义将出现在传单弹出窗口中的链接的样式。

出于某种原因，我能够为链接的文本装饰和字体设置样式，但是当我尝试更改文本的颜色时，什么也没发生。 我已经尝试了几乎所有可以想到的方法，包括内联CSS，其中添加了style='color:#000;' 放入标签。 我还在HTML文档中包含了reset.css文件，但这也没有任何改变。

该链接是从单独的Javascript文档中拉入的，然后在弹出窗口中使用for函数对其进行格式化。 这是代码：

CSS：

.leaflet-popup-content-wrapper .leaflet-popup-content {
text-align: center;
font-family: 'Quicksand', sans-serif;
color: #000;

}

.leaflet-popup-content-wrapper a
.leaflet-popup-content a {
color: #000;
}

.leaflet-popup-tip-container {
text-align: center;
color: #000;
}

.direction {
color: #000;
  }

a {
color: inherit;
  }

JS：

var variable = [{
"directions": "<a href='link' target='_blanck' class='direction'>Get Directions</a>",
}]

Answer 1

使用！important;

我听说您不应该使用它，如果可以避免的话，所以我想知道它是否可以避免。

的确，避免！important确实很好。 但是您必须知道css覆盖规则的工作方式。

CSS <内联样式<Javascript样式<！important; 就您而言，您说的是使用javascript获取颜色。