html - 覆盖特定区域的 CSS 规则

标签 html css sass

在我的代码中,我有 <p>字体大小为 16px 的样式。
但是,对于“卡片”,我想将 20px 的字体大小应用于任何 <p>那里的文字,没有对每个 <p> 应用稍大的字体类我可能会包括在内。

这样站点上的任何“卡片”类都将具有相同的覆盖 20 像素,而不是 16 像素。

最佳答案

什么是“卡”?如果只是一个带类卡的div:

.card {
  font-size: 20px;
}

如果它比初始的 16px 具有更高的特异性,那么它将覆盖初始的 16px。阅读 CSS 特异性:https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity

关于html - 覆盖特定区域的 CSS 规则,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52010976/

相关文章:

html - 2 导航条通过使用 iframe

html - CSS3 动画计时功能属性未得到应用

html - 使用子链接时保持父链接悬停

javascript - 更改用作光标的 svg 图像的颜色

html - 在 li 元素悬停时,将颜色应用于 SASS 中的 anchor 标记

html - 如何使用CSS在两个文本之间切换

php - 根据用户表单输入 PHP 提交转到 url 的按钮

css - HTML 视频不占用 100% 宽度

css - Node-SASS 编译器失败 - CSS 无效

sass - 使用 Thoughtbot Bourbon/Neat 重新排序列