覆盖特定区域的CSS规则

Question

在我的代码中，我使用<p>样式，字体大小为16px。
但是，对于一张“卡片”，我想对其中的任何<p>文本应用20px的字体大小，而不对我可能包括的每个<p>都应用稍大的字体类。

这样，整个网站上的所有“卡片”类都将具有相同的被覆盖的20px，而不是16px。

Answer 1

什么是“卡”？如果只是带类卡的div：

.card {
  font-size: 20px;
}

如果特异性高于初始16px，则它将覆盖初始16px。阅读CSS特殊性：https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity

Answer 2

我假设您正在使用引导程序类->'card'。

df['first_col'] = df['first_col'].apply(lambda x: float(x.strip('%'))

在样式表中定义以上类。它将顺利运行，并将您在页面上任何位置的“卡”类中使用的每个 p 标签中应用上述字体大小。

祝你好运。