css - mkdocs 和 markdown：base.css 覆盖自定义 css

Question

我是 mkdocs 的新手，这就是我想要做的：为图像添加标题并使用 css 样式来使用较短的边距底部我设法安装了 python-makdown 扩展“标题”，所以如果我利用

![](../img/some.png)
:   my sub caption

我去拿

<figure><img ...><figcaption>...

在 html 中。不幸的是，间距（css：margin）太大，所以我包含了一个css文件来删除默认值。我的浏览器中的检查现在向我显示，base.css 覆盖了我的样式，因此边距保持默认。如何用自己的样式覆盖 base.css 样式？

正如我在评论中所写，!important 保证覆盖：

figure img {margin-bottom: 0px !important;}

但我不明白为什么...

score 1 · Accepted Answer

如果您使用浏览器的开发人员工具检查img元素...

您可以看到img是使用规则定义的div.col-md-9 img。也就是说，img在下的任何标签都div带有col-md-9.

我们可以看到（如CSS Precedence中所述）原始规则使用一个类属性和两个元素名称来表示0012. 您需要具有相同或更高特异性的东西。但figure img只给你0002，这是较低的。

要覆盖它，您至少需要相同级别的特异性：

我敢肯定，其他各种排列也会产生有效的结果。但是我们有一个可行的解决方案，所以为什么要继续。并且由于“检查”工具，它非常快速且易于解决。

score 0 · Accepted Answer

0

与其调整 CSS，不如尝试不同的插件，例如img2fig

于 2020-03-06T11:27:13.687 回答

2 回答 2