更改字体样式，同时保留用于绘图仪表板的外部样式表

Question

我使用 dash 和 plotly 构建了一个仪表板，同时使用了对 every tutorial or documentation for dash and plotly 中使用的外部样式表的引用。

现在我只想自定义整个仪表板（包括图形中的文本）和 "nothing else" 的字体。我通过以下方式引用外部 css 来源：

external_stylesheets = ['https://codepen.io/chriddyp/pen/bWLwgP.css']

我没有 CSS 经验。我可以只覆盖引用源中的相关变量吗？如果可能的话，我该怎么做？喜欢：

font-family: "Garamond";

CSS 代码发布在 codepen 上，我也尝试在那里搜索，但没有帮助。

感谢您的帮助！

Answer 1

使用通用 CSS 选择器 *。

在您的应用程序目录中创建 /assets/custom.css，或者（我所做的）使用您的自定义 CSS 创建一个 CodePen，并将其首先包含在 external_stylesheets 列表中 [=19] =]

app = dash.Dash(
    __name__,
    external_stylesheets=external_stylesheets
)

---

在assets/custom.css或CodePen中：

*{
  font-family: Garamond;
}

如果您想将它应用到除某些 类 element/component 类型之外的所有内容，例如"everything except h2 and class myclass"

*:not(h2):not(.myclass){
  font-family: Garamond;
}